.elementor-4296 .elementor-element.elementor-element-fd302d1{--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-4296 .elementor-element.elementor-element-fd302d1:not(.elementor-motion-effects-element-type-background), .elementor-4296 .elementor-element.elementor-element-fd302d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-woostify_color_2 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4296 .elementor-element.elementor-element-0b03695 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4296 .elementor-element.elementor-element-aa6fdc6{--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-4296 .elementor-element.elementor-element-517ef7d{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4296 .elementor-element.elementor-element-517ef7d:not(.elementor-motion-effects-element-type-background), .elementor-4296 .elementor-element.elementor-element-517ef7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4296 .elementor-element.elementor-element-78c9da1{--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-4296 .elementor-element.elementor-element-78c9da1:not(.elementor-motion-effects-element-type-background), .elementor-4296 .elementor-element.elementor-element-78c9da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4296 .elementor-element.elementor-element-359d1fd{--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-4296 .elementor-element.elementor-element-359d1fd:not(.elementor-motion-effects-element-type-background), .elementor-4296 .elementor-element.elementor-element-359d1fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-woostify_color_4 );}.elementor-4296 .elementor-element.elementor-element-70e729d{--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-4296 .elementor-element.elementor-element-ffab3c1{--e-image-carousel-slides-to-show:1;}.elementor-4296 .elementor-element.elementor-element-cadaea1{--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-4296 .elementor-element.elementor-element-cadaea1:not(.elementor-motion-effects-element-type-background), .elementor-4296 .elementor-element.elementor-element-cadaea1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-woostify_color_2 );}.elementor-4296 .elementor-element.elementor-element-fab258d{--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-4296 .elementor-element.elementor-element-d55333e{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-4296 .elementor-element.elementor-element-d55333e .swiper-slide > .elementor-element{height:100%;}.elementor-4296 .elementor-element.elementor-element-213d9b2{--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-4296 .elementor-element.elementor-element-41bfe48{--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;}@media(max-width:1024px){.elementor-4296 .elementor-element.elementor-element-517ef7d{--grid-auto-flow:row;}.elementor-4296 .elementor-element.elementor-element-d55333e{--swiper-slides-to-display:3;}}@media(max-width:767px){.elementor-4296 .elementor-element.elementor-element-517ef7d{--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4296 .elementor-element.elementor-element-ffab3c1{width:var( --container-widget-width, 853px );max-width:853px;--container-widget-width:853px;--container-widget-flex-grow:0;}.elementor-4296 .elementor-element.elementor-element-d55333e{--swiper-slides-to-display:1;}.elementor-4296 .elementor-element.elementor-element-213d9b2{--content-width:1300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-4296 .elementor-element.elementor-element-213d9b2.e-con{--align-self:stretch;--order:-99999 /* order start hack */;}.elementor-4296 .elementor-element.elementor-element-5b2c96d{width:auto;max-width:auto;z-index:2;}.elementor-4296 .elementor-element.elementor-element-5b2c96d.elementor-element{--order:2;}}/* Start custom CSS for shortcode, class: .elementor-element-b5ef585 *//* 1. The Container - Hides the overflow */
.auto-scroll-wrapper {
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 10px 0;
}

/* 2. The Track - This is what actually moves */
.auto-scroll-track {
    display: flex;
    width: calc(250px * 24); /* Adjust based on item width * total items */
    animation: scroll 50s linear infinite;
}

/* 3. Pause on Hover/Touch */
.auto-scroll-wrapper:hover .auto-scroll-track {
    animation-play-state: paused;
}

/* 4. Item Styling (Mobile Optimized) */
.auto-scroll-track ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.auto-scroll-track li.product-category {
    width: 100px !important; /* Total width per item */
    flex: 0 0 100px !important;
    text-align: center;
    margin: 0 10px !important;
}

.auto-scroll-track li.product-category img {
    width: 60px !important; /* Small circular images */
    height: 60px !important;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 5px !important;
}

.auto-scroll-track li.product-category .woocommerce-loop-category__title {
    font-size: 11px !important; /* Small text */
    line-height: 1.1;
    color: #333;
}

/* Hide product counts and extra WooCommerce fluff */
.auto-scroll-track .count { display: none !important; }

/* 5. The Animation */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Moves halfway through the doubled list */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-00b980f */.scroll-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory; /* The magic line */
  gap: 10px;
  padding: 20px;
  scrollbar-width: none; /* Hides scrollbar for Firefox */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Hides scrollbar for Chrome/Safari */
}

.scroll-container img {
  flex: 0 0 80%; /* Images take up 80% of the width */
  height: 300px;
  object-fit: cover;
  scroll-snap-align: center; /* Snaps image to the center */
  border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a9bce6 *//* Ensure the wrapper handles the overflow */
.horizontal-scroll-section {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

/* Force products into a single horizontal line */
.horizontal-scroll-section ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory; /* Makes it "snap" into place when swiping */
    gap: 15px;
    padding: 0 15px 15px 15px !important;
    -webkit-overflow-scrolling: touch;
}

/* Style individual product cards */
.horizontal-scroll-section ul.products li.product {
    flex: 0 0 140px !important; /* Width on mobile */
    max-width: 140px !important;
    margin: 0 !important;
    scroll-snap-align: start;
    list-style: none !important;
}

/* Image scaling */
.horizontal-scroll-section ul.products li.product img {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover;
    border-radius: 10px;
}

/* Small text adjustments */
.horizontal-scroll-section .woocommerce-loop-product__title {
    font-size: 13px !important;
    white-space: normal;
    height: 35px;
    overflow: hidden;
}

/* Hide scrollbar for a cleaner mobile look */
.horizontal-scroll-section ul.products::-webkit-scrollbar {
    display: none;
}/* End custom CSS */