.elementor-4449 .elementor-element.elementor-element-4131a39{--display:flex;--min-height:350px;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4449 .elementor-element.elementor-element-4131a39:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-4131a39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jolaali.in/wp-content/uploads/2025/12/Furniture-banner-1920-500-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-4131a39::before, .elementor-4449 .elementor-element.elementor-element-4131a39 > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-4131a39 > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-4131a39 > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-4131a39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-4131a39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-33e359d{--display:flex;}.elementor-4449 .elementor-element.elementor-element-8d1941e{text-align:left;}.elementor-4449 .elementor-element.elementor-element-8d1941e ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-4449 .elementor-element.elementor-element-8d1941e .hfe-breadcrumbs, .elementor-4449 .elementor-element.elementor-element-8d1941e .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-8d1941e .hfe-breadcrumbs svg{fill:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-6d0fe6b{--display:flex;--min-height:350px;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4449 .elementor-element.elementor-element-6d0fe6b:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jolaali.in/wp-content/uploads/2026/01/mattress-inner-Furniture-MOBILE-1280-1000-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-6d0fe6b::before, .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-6b25a52{--display:flex;}.elementor-4449 .elementor-element.elementor-element-b393496{text-align:left;}.elementor-4449 .elementor-element.elementor-element-b393496 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-4449 .elementor-element.elementor-element-b393496 .hfe-breadcrumbs, .elementor-4449 .elementor-element.elementor-element-b393496 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-b393496 .hfe-breadcrumbs svg{fill:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-a109807{--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-4449 .elementor-element.elementor-element-74208d3{--display:flex;}.elementor-4449 .elementor-element.elementor-element-210c3e8 ul.products{--woocommerce-grid-columns:4;}.elementor-4449 .elementor-element.elementor-element-210c3e8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4449 .elementor-element.elementor-element-126d9b4{--display:flex;}.elementor-4449 .elementor-element.elementor-element-6704047 ul.products{--woocommerce-grid-columns:4;}.elementor-4449 .elementor-element.elementor-element-49d7359{--display:flex;}.elementor-4449 .elementor-element.elementor-element-b4c2552 ul.products{--woocommerce-grid-columns:4;}.elementor-4449 .elementor-element.elementor-element-f01daf2{--display:flex;}.elementor-4449 .elementor-element.elementor-element-6f8ce8d ul.products{--woocommerce-grid-columns:4;}.elementor-4449 .elementor-element.elementor-element-c1896f9{--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-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:15px;--n-tabs-title-color:#EC7744;}.elementor-4449 .elementor-element.elementor-element-c1896f9 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-c1896f9.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-4449 .elementor-element.elementor-element-c1896f9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4449 .elementor-element.elementor-element-c1896f9.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-4449 .elementor-element.elementor-element-c1896f9.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-4449 .elementor-element.elementor-element-c1896f9.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-4449 .elementor-element.elementor-element-c1896f9.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-4449 .elementor-element.elementor-element-65a60c6{--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-4449 .elementor-element.elementor-element-49c9418{--display:flex;}body.elementor-page-4449:not(.elementor-motion-effects-element-type-background), body.elementor-page-4449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F1F6;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-4449 .elementor-element.elementor-element-4131a39:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-4131a39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-4449 .elementor-element.elementor-element-6d0fe6b:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-6d0fe6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-4449 .elementor-element.elementor-element-a109807{--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-4449 .elementor-element.elementor-element-210c3e8 ul.products{--woocommerce-grid-columns:2;}.elementor-4449 .elementor-element.elementor-element-6704047 ul.products{--woocommerce-grid-columns:2;}.elementor-4449 .elementor-element.elementor-element-b4c2552 ul.products{--woocommerce-grid-columns:2;}.elementor-4449 .elementor-element.elementor-element-6f8ce8d ul.products{--woocommerce-grid-columns:2;}}@media(max-width:767px){.elementor-4449 .elementor-element.elementor-element-a109807{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-4449 .elementor-element.elementor-element-210c3e8 ul.products{--woocommerce-grid-columns:2;}.elementor-4449 .elementor-element.elementor-element-6704047 ul.products{--woocommerce-grid-columns:2;}.elementor-4449 .elementor-element.elementor-element-b4c2552 ul.products{--woocommerce-grid-columns:2;}.elementor-4449 .elementor-element.elementor-element-6f8ce8d ul.products{--woocommerce-grid-columns:2;}}/* Start custom CSS for reycore-product-grid, class: .elementor-element-210c3e8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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