.elementor-3883 .elementor-element.elementor-element-8f9d4c2 > .elementor-container{min-height:450px;}.elementor-3883 .elementor-element.elementor-element-8f9d4c2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3883 .elementor-element.elementor-element-8f9d4c2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3883 .elementor-element.elementor-element-8ccd5fb > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3883 .elementor-element.elementor-element-8ccd5fb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3883 .elementor-element.elementor-element-2bed1a2 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:73px;font-weight:700;text-transform:uppercase;line-height:1.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#E6E6E6E8;}.elementor-3883 .elementor-element.elementor-element-b30c219{font-family:"Heebo", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-3883 .elementor-element.elementor-element-826a157 > .elementor-widget-container{padding:30px 0px 10px 0px;}.elementor-3883 .elementor-element.elementor-element-ba4a80e{--display:flex;}.elementor-3883 .elementor-element.elementor-element-e94ea41{--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-3883 .elementor-element.elementor-element-2e27376 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#FF9900;}.elementor-3883 .elementor-element.elementor-element-9155f50.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3883 .elementor-element.elementor-element-b336e38{--display:flex;}.elementor-3883 .elementor-element.elementor-element-6e674f2 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#FF9900;}.elementor-3883 .elementor-element.elementor-element-7b2177a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3883 .elementor-element.elementor-element-68cdebd.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3883 .elementor-element.elementor-element-68cdebd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-3883 .elementor-element.elementor-element-84b1b2f{--display:flex;}.elementor-3883 .elementor-element.elementor-element-740f07d .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#FF9900;}.elementor-3883 .elementor-element.elementor-element-dbece94{--display:flex;}.elementor-3883 .elementor-element.elementor-element-e842001 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#FF9900;}.elementor-3883 .elementor-element.elementor-element-bc96577{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--gap:20px 10px;--row-gap:20px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-1b45eba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-c835bb1 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-c532480{text-align:center;}.elementor-3883 .elementor-element.elementor-element-c532480 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-76e89fe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-81fed84 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-970826d{text-align:center;}.elementor-3883 .elementor-element.elementor-element-970826d .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-c5c73cd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-103cd3c img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-9eacb34{text-align:center;}.elementor-3883 .elementor-element.elementor-element-9eacb34 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-a8dbde5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-fb2fa50 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-802881a{text-align:center;}.elementor-3883 .elementor-element.elementor-element-802881a .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-e83c398{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-05d853d img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-a2d6210{text-align:center;}.elementor-3883 .elementor-element.elementor-element-a2d6210 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-31ee52d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-f4f575c img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-5f0a90b{text-align:center;}.elementor-3883 .elementor-element.elementor-element-5f0a90b .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-ede7fb0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-38d62e1 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-36d97c0{text-align:center;}.elementor-3883 .elementor-element.elementor-element-36d97c0 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-0658d7a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-097acf9 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-626112b{text-align:center;}.elementor-3883 .elementor-element.elementor-element-626112b .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-6b154b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-f9365ea img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-b664a99{text-align:center;}.elementor-3883 .elementor-element.elementor-element-b664a99 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-c37d152{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-40e195a img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-184675c{text-align:center;}.elementor-3883 .elementor-element.elementor-element-184675c .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-c3a9f6d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-ec6e1ea img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-da884b7{text-align:center;}.elementor-3883 .elementor-element.elementor-element-da884b7 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-87bf56c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-e4cf2fe img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-c478bed{text-align:center;}.elementor-3883 .elementor-element.elementor-element-c478bed .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-e9bf2bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-8293b72 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-30e722d{text-align:center;}.elementor-3883 .elementor-element.elementor-element-30e722d .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-632f0b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-896318d img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-7e103f0{text-align:center;}.elementor-3883 .elementor-element.elementor-element-7e103f0 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-b7c3652{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-29d6f2d img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-502465b{text-align:center;}.elementor-3883 .elementor-element.elementor-element-502465b .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-a47bf68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-09c990c img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-a066816{text-align:center;}.elementor-3883 .elementor-element.elementor-element-a066816 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-f4a57fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-308dee6 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-58076e4{text-align:center;}.elementor-3883 .elementor-element.elementor-element-58076e4 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-0edeafa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-ce7004e img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-4abf5cf{text-align:center;}.elementor-3883 .elementor-element.elementor-element-4abf5cf .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-3d054b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-8f2987a img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-d5fe6cf{text-align:center;}.elementor-3883 .elementor-element.elementor-element-d5fe6cf .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-1402566{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-2acf0bb img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-4e25c96{text-align:center;}.elementor-3883 .elementor-element.elementor-element-4e25c96 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-c3e5a97{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-4c9cc7a img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-25cfaa8{text-align:center;}.elementor-3883 .elementor-element.elementor-element-25cfaa8 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-5387f21{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-0754559 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-82399c5{text-align:center;}.elementor-3883 .elementor-element.elementor-element-82399c5 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-d8889c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-15288b4 img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-6cb69c1{text-align:center;}.elementor-3883 .elementor-element.elementor-element-6cb69c1 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-9ab4b3e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3883 .elementor-element.elementor-element-403deef img{width:100%;height:25vh;}.elementor-3883 .elementor-element.elementor-element-e9e5948{text-align:center;}.elementor-3883 .elementor-element.elementor-element-e9e5948 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#0F0F0F;}.elementor-3883 .elementor-element.elementor-element-6f60455{--display:flex;}.elementor-3883 .elementor-element.elementor-element-a658548{--display:flex;}.elementor-3883 .elementor-element.elementor-element-04371d2 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#FF9900;}.elementor-3883 .elementor-element.elementor-element-008c9e5{--display:flex;}.elementor-3883 .elementor-element.elementor-element-b83836c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3883 .elementor-element.elementor-element-22d7f74 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3883 .elementor-element.elementor-element-1ad61d9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3883 .elementor-element.elementor-element-2327325 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3883 .elementor-element.elementor-element-4e72d2a{--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;--n-tabs-title-font-size:20px;--n-tabs-title-color:#FF9900;--n-tabs-title-color-active:#FF9900;}.elementor-3883 .elementor-element.elementor-element-4e72d2a > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-3883 .elementor-element.elementor-element-4e72d2a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:none;}.elementor-3883 .elementor-element.elementor-element-4e72d2a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3883 .elementor-element.elementor-element-4e72d2a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#774C4C00;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FF9900;}.elementor-3883 .elementor-element.elementor-element-4e72d2a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Heebo", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-3883 .elementor-element.elementor-element-4e72d2a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FF9900;}.elementor-3883 .elementor-element.elementor-element-085eaf3 > .elementor-widget-container{padding:30px 0px 30px 0px;}.elementor-3883 .elementor-element.elementor-element-b080be0{--spacer-size:102px;}.elementor-3883 .elementor-element.elementor-element-60bbd5e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:60px;}.elementor-3883 .elementor-element.elementor-element-60bbd5e.elementor-wc-products ul.products li.product .star-rating{font-size:0em;margin-bottom:0px;}.elementor-3883 .elementor-element.elementor-element-60bbd5e.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3883 .elementor-element.elementor-element-68cdebd.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3883 .elementor-element.elementor-element-bc96577{--grid-auto-flow:row;}.elementor-3883 .elementor-element.elementor-element-c835bb1 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-81fed84 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-103cd3c img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-fb2fa50 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-05d853d img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-f4f575c img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-38d62e1 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-097acf9 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-f9365ea img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-40e195a img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-ec6e1ea img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-e4cf2fe img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-8293b72 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-896318d img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-29d6f2d img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-09c990c img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-308dee6 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-ce7004e img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-8f2987a img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-2acf0bb img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-4c9cc7a img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-0754559 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-15288b4 img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-403deef img{height:15vh;}.elementor-3883 .elementor-element.elementor-element-b83836c{--grid-auto-flow:row;}.elementor-3883 .elementor-element.elementor-element-60bbd5e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3883 .elementor-element.elementor-element-2e27376 .elementor-heading-title{font-size:30px;}.elementor-3883 .elementor-element.elementor-element-6e674f2 .elementor-heading-title{font-size:30px;}.elementor-3883 .elementor-element.elementor-element-68cdebd.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3883 .elementor-element.elementor-element-740f07d .elementor-heading-title{font-size:30px;}.elementor-3883 .elementor-element.elementor-element-e842001 .elementor-heading-title{font-size:30px;}.elementor-3883 .elementor-element.elementor-element-bc96577{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3883 .elementor-element.elementor-element-c835bb1 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-81fed84 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-103cd3c img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-fb2fa50 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-05d853d img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-f4f575c img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-38d62e1 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-097acf9 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-f9365ea img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-40e195a img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-ec6e1ea img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-e4cf2fe img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-8293b72 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-896318d img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-29d6f2d img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-09c990c img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-308dee6 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-ce7004e img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-8f2987a img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-2acf0bb img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-4c9cc7a img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-0754559 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-15288b4 img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-403deef img{height:30vh;}.elementor-3883 .elementor-element.elementor-element-04371d2 .elementor-heading-title{font-size:30px;}.elementor-3883 .elementor-element.elementor-element-b83836c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3883 .elementor-element.elementor-element-60bbd5e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-615d2d5 */.atlas-custom-slider .woocommerce ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 20px; width: max-content; } .atlas-custom-slider .woocommerce ul.products li.product { flex: 0 0 250px; } .atlas-custom-slider .woocommerce { overflow: hidden; } .atlas-custom-slider ul.products li.product { overflow: hidden; } .atlas-custom-slider ul.products li.product img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } /* subtle background-like zoom */ .atlas-custom-slider ul.products li.product:hover img { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-9155f50 *//* 1. Ensure the parent wrapper allows infinite layout stretching */ .elementor-widget-wc-categories .elementor-widget-container, .elementor-widget-wc-categories .woocommerce { overflow: hidden !important; width: 100% !important; } /* 2. Target the main product track row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; /* CRITICAL: Forces track to be as wide as all items combined */ padding: 15px 0; margin: 0 !important; /* Animation speed - increase 25s for slower, decrease for faster */ animation: elementorAutoSlide 25s linear infinite; } /* 3. Card specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; margin-right: 24px !important; /* Uniform gap */ } /* Pause scroll on hover */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid:hover { animation-play-state: paused !important; } /* 4. The Dynamic Keyframe Engine */ @keyframes elementorAutoSlide { 0% { transform: translateX(0); } 100% { /* This moves the track exactly half of its total extended length, ensuring a seamless, unclipped cycle loop */ transform: translateX(-50%); } } /* Ensure the overall product card container can handle scaling */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { position: relative; overflow: hidden; /* CRITICAL: This keeps the image "contained" when it zooms, so it doesn't spill over the edges */ transition: box-shadow 0.3s ease; /* Adds a nice depth effect to the card itself */ cursor: pointer; } /* Base state for the container link and image wrapper */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; /* This creates the smooth, gradual zoom out effect */ } /* Hover state: Target the primary image and the link title together */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { /* Scale the image size by 8% (1.08) */ transform: scale(1.08) !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover h2.woocommerce-loop-category__title { /* Slightly scale the text as well for a deeper effect, and move it up 3px */ transform: translateY(-3px) scale(1.02) !important; } /* Make the overall card have a slight drop shadow when hovered to make it 'pop' */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /* 1. Updated Main Product Track Row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; padding: 20px 0; /* Increased top/bottom padding for the larger cards */ margin: 0 !important; animation: elementorAutoSlide 25s linear infinite; } /* 2. ENLARGED Card Specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { /* Increased from 220px to 280px */ flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; /* Slightly increased gap between larger items */ margin-right: 30px !important; position: relative; overflow: hidden; transition: box-shadow 0.3s ease; cursor: pointer; } /* 3. Keep the hover zoom scaling clean on larger frames */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; width: 100% !important; /* Forces the image to fill the new larger width */ height: auto !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { transform: scale(1.08) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c835bb1 */.zoom-container { overflow: hidden; } .zoom-container img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; } .zoom-container:hover img { transform: scale(1.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-615d2d5 */.atlas-custom-slider .woocommerce ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 20px; width: max-content; } .atlas-custom-slider .woocommerce ul.products li.product { flex: 0 0 250px; } .atlas-custom-slider .woocommerce { overflow: hidden; } .atlas-custom-slider ul.products li.product { overflow: hidden; } .atlas-custom-slider ul.products li.product img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } /* subtle background-like zoom */ .atlas-custom-slider ul.products li.product:hover img { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-9155f50 *//* 1. Ensure the parent wrapper allows infinite layout stretching */ .elementor-widget-wc-categories .elementor-widget-container, .elementor-widget-wc-categories .woocommerce { overflow: hidden !important; width: 100% !important; } /* 2. Target the main product track row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; /* CRITICAL: Forces track to be as wide as all items combined */ padding: 15px 0; margin: 0 !important; /* Animation speed - increase 25s for slower, decrease for faster */ animation: elementorAutoSlide 25s linear infinite; } /* 3. Card specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; margin-right: 24px !important; /* Uniform gap */ } /* Pause scroll on hover */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid:hover { animation-play-state: paused !important; } /* 4. The Dynamic Keyframe Engine */ @keyframes elementorAutoSlide { 0% { transform: translateX(0); } 100% { /* This moves the track exactly half of its total extended length, ensuring a seamless, unclipped cycle loop */ transform: translateX(-50%); } } /* Ensure the overall product card container can handle scaling */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { position: relative; overflow: hidden; /* CRITICAL: This keeps the image "contained" when it zooms, so it doesn't spill over the edges */ transition: box-shadow 0.3s ease; /* Adds a nice depth effect to the card itself */ cursor: pointer; } /* Base state for the container link and image wrapper */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; /* This creates the smooth, gradual zoom out effect */ } /* Hover state: Target the primary image and the link title together */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { /* Scale the image size by 8% (1.08) */ transform: scale(1.08) !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover h2.woocommerce-loop-category__title { /* Slightly scale the text as well for a deeper effect, and move it up 3px */ transform: translateY(-3px) scale(1.02) !important; } /* Make the overall card have a slight drop shadow when hovered to make it 'pop' */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /* 1. Updated Main Product Track Row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; padding: 20px 0; /* Increased top/bottom padding for the larger cards */ margin: 0 !important; animation: elementorAutoSlide 25s linear infinite; } /* 2. ENLARGED Card Specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { /* Increased from 220px to 280px */ flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; /* Slightly increased gap between larger items */ margin-right: 30px !important; position: relative; overflow: hidden; transition: box-shadow 0.3s ease; cursor: pointer; } /* 3. Keep the hover zoom scaling clean on larger frames */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; width: 100% !important; /* Forces the image to fill the new larger width */ height: auto !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { transform: scale(1.08) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c835bb1 */.zoom-container { overflow: hidden; } .zoom-container img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; } .zoom-container:hover img { transform: scale(1.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-615d2d5 */.atlas-custom-slider .woocommerce ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 20px; width: max-content; } .atlas-custom-slider .woocommerce ul.products li.product { flex: 0 0 250px; } .atlas-custom-slider .woocommerce { overflow: hidden; } .atlas-custom-slider ul.products li.product { overflow: hidden; } .atlas-custom-slider ul.products li.product img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } /* subtle background-like zoom */ .atlas-custom-slider ul.products li.product:hover img { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-9155f50 *//* 1. Ensure the parent wrapper allows infinite layout stretching */ .elementor-widget-wc-categories .elementor-widget-container, .elementor-widget-wc-categories .woocommerce { overflow: hidden !important; width: 100% !important; } /* 2. Target the main product track row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; /* CRITICAL: Forces track to be as wide as all items combined */ padding: 15px 0; margin: 0 !important; /* Animation speed - increase 25s for slower, decrease for faster */ animation: elementorAutoSlide 25s linear infinite; } /* 3. Card specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; margin-right: 24px !important; /* Uniform gap */ } /* Pause scroll on hover */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid:hover { animation-play-state: paused !important; } /* 4. The Dynamic Keyframe Engine */ @keyframes elementorAutoSlide { 0% { transform: translateX(0); } 100% { /* This moves the track exactly half of its total extended length, ensuring a seamless, unclipped cycle loop */ transform: translateX(-50%); } } /* Ensure the overall product card container can handle scaling */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { position: relative; overflow: hidden; /* CRITICAL: This keeps the image "contained" when it zooms, so it doesn't spill over the edges */ transition: box-shadow 0.3s ease; /* Adds a nice depth effect to the card itself */ cursor: pointer; } /* Base state for the container link and image wrapper */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; /* This creates the smooth, gradual zoom out effect */ } /* Hover state: Target the primary image and the link title together */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { /* Scale the image size by 8% (1.08) */ transform: scale(1.08) !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover h2.woocommerce-loop-category__title { /* Slightly scale the text as well for a deeper effect, and move it up 3px */ transform: translateY(-3px) scale(1.02) !important; } /* Make the overall card have a slight drop shadow when hovered to make it 'pop' */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /* 1. Updated Main Product Track Row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; padding: 20px 0; /* Increased top/bottom padding for the larger cards */ margin: 0 !important; animation: elementorAutoSlide 25s linear infinite; } /* 2. ENLARGED Card Specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { /* Increased from 220px to 280px */ flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; /* Slightly increased gap between larger items */ margin-right: 30px !important; position: relative; overflow: hidden; transition: box-shadow 0.3s ease; cursor: pointer; } /* 3. Keep the hover zoom scaling clean on larger frames */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; width: 100% !important; /* Forces the image to fill the new larger width */ height: auto !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { transform: scale(1.08) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c835bb1 */.zoom-container { overflow: hidden; } .zoom-container img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; } .zoom-container:hover img { transform: scale(1.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-615d2d5 */.atlas-custom-slider .woocommerce ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 20px; width: max-content; } .atlas-custom-slider .woocommerce ul.products li.product { flex: 0 0 250px; } .atlas-custom-slider .woocommerce { overflow: hidden; } .atlas-custom-slider ul.products li.product { overflow: hidden; } .atlas-custom-slider ul.products li.product img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } /* subtle background-like zoom */ .atlas-custom-slider ul.products li.product:hover img { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-9155f50 *//* 1. Ensure the parent wrapper allows infinite layout stretching */ .elementor-widget-wc-categories .elementor-widget-container, .elementor-widget-wc-categories .woocommerce { overflow: hidden !important; width: 100% !important; } /* 2. Target the main product track row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; /* CRITICAL: Forces track to be as wide as all items combined */ padding: 15px 0; margin: 0 !important; /* Animation speed - increase 25s for slower, decrease for faster */ animation: elementorAutoSlide 25s linear infinite; } /* 3. Card specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; margin-right: 24px !important; /* Uniform gap */ } /* Pause scroll on hover */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid:hover { animation-play-state: paused !important; } /* 4. The Dynamic Keyframe Engine */ @keyframes elementorAutoSlide { 0% { transform: translateX(0); } 100% { /* This moves the track exactly half of its total extended length, ensuring a seamless, unclipped cycle loop */ transform: translateX(-50%); } } /* Ensure the overall product card container can handle scaling */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { position: relative; overflow: hidden; /* CRITICAL: This keeps the image "contained" when it zooms, so it doesn't spill over the edges */ transition: box-shadow 0.3s ease; /* Adds a nice depth effect to the card itself */ cursor: pointer; } /* Base state for the container link and image wrapper */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; /* This creates the smooth, gradual zoom out effect */ } /* Hover state: Target the primary image and the link title together */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { /* Scale the image size by 8% (1.08) */ transform: scale(1.08) !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover h2.woocommerce-loop-category__title { /* Slightly scale the text as well for a deeper effect, and move it up 3px */ transform: translateY(-3px) scale(1.02) !important; } /* Make the overall card have a slight drop shadow when hovered to make it 'pop' */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /* 1. Updated Main Product Track Row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; padding: 20px 0; /* Increased top/bottom padding for the larger cards */ margin: 0 !important; animation: elementorAutoSlide 25s linear infinite; } /* 2. ENLARGED Card Specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { /* Increased from 220px to 280px */ flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; /* Slightly increased gap between larger items */ margin-right: 30px !important; position: relative; overflow: hidden; transition: box-shadow 0.3s ease; cursor: pointer; } /* 3. Keep the hover zoom scaling clean on larger frames */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; width: 100% !important; /* Forces the image to fill the new larger width */ height: auto !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { transform: scale(1.08) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c835bb1 */.zoom-container { overflow: hidden; } .zoom-container img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; } .zoom-container:hover img { transform: scale(1.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-615d2d5 */.atlas-custom-slider .woocommerce ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 20px; width: max-content; } .atlas-custom-slider .woocommerce ul.products li.product { flex: 0 0 250px; } .atlas-custom-slider .woocommerce { overflow: hidden; } .atlas-custom-slider ul.products li.product { overflow: hidden; } .atlas-custom-slider ul.products li.product img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } /* subtle background-like zoom */ .atlas-custom-slider ul.products li.product:hover img { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-9155f50 *//* 1. Ensure the parent wrapper allows infinite layout stretching */ .elementor-widget-wc-categories .elementor-widget-container, .elementor-widget-wc-categories .woocommerce { overflow: hidden !important; width: 100% !important; } /* 2. Target the main product track row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; /* CRITICAL: Forces track to be as wide as all items combined */ padding: 15px 0; margin: 0 !important; /* Animation speed - increase 25s for slower, decrease for faster */ animation: elementorAutoSlide 25s linear infinite; } /* 3. Card specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; margin-right: 24px !important; /* Uniform gap */ } /* Pause scroll on hover */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid:hover { animation-play-state: paused !important; } /* 4. The Dynamic Keyframe Engine */ @keyframes elementorAutoSlide { 0% { transform: translateX(0); } 100% { /* This moves the track exactly half of its total extended length, ensuring a seamless, unclipped cycle loop */ transform: translateX(-50%); } } /* Ensure the overall product card container can handle scaling */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { position: relative; overflow: hidden; /* CRITICAL: This keeps the image "contained" when it zooms, so it doesn't spill over the edges */ transition: box-shadow 0.3s ease; /* Adds a nice depth effect to the card itself */ cursor: pointer; } /* Base state for the container link and image wrapper */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; /* This creates the smooth, gradual zoom out effect */ } /* Hover state: Target the primary image and the link title together */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { /* Scale the image size by 8% (1.08) */ transform: scale(1.08) !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover h2.woocommerce-loop-category__title { /* Slightly scale the text as well for a deeper effect, and move it up 3px */ transform: translateY(-3px) scale(1.02) !important; } /* Make the overall card have a slight drop shadow when hovered to make it 'pop' */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /* 1. Updated Main Product Track Row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; padding: 20px 0; /* Increased top/bottom padding for the larger cards */ margin: 0 !important; animation: elementorAutoSlide 25s linear infinite; } /* 2. ENLARGED Card Specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { /* Increased from 220px to 280px */ flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; /* Slightly increased gap between larger items */ margin-right: 30px !important; position: relative; overflow: hidden; transition: box-shadow 0.3s ease; cursor: pointer; } /* 3. Keep the hover zoom scaling clean on larger frames */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; width: 100% !important; /* Forces the image to fill the new larger width */ height: auto !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { transform: scale(1.08) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c835bb1 */.zoom-container { overflow: hidden; } .zoom-container img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; } .zoom-container:hover img { transform: scale(1.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-615d2d5 */.atlas-custom-slider .woocommerce ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 20px; width: max-content; } .atlas-custom-slider .woocommerce ul.products li.product { flex: 0 0 250px; } .atlas-custom-slider .woocommerce { overflow: hidden; } .atlas-custom-slider ul.products li.product { overflow: hidden; } .atlas-custom-slider ul.products li.product img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } /* subtle background-like zoom */ .atlas-custom-slider ul.products li.product:hover img { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-9155f50 *//* 1. Ensure the parent wrapper allows infinite layout stretching */ .elementor-widget-wc-categories .elementor-widget-container, .elementor-widget-wc-categories .woocommerce { overflow: hidden !important; width: 100% !important; } /* 2. Target the main product track row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; /* CRITICAL: Forces track to be as wide as all items combined */ padding: 15px 0; margin: 0 !important; /* Animation speed - increase 25s for slower, decrease for faster */ animation: elementorAutoSlide 25s linear infinite; } /* 3. Card specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; margin-right: 24px !important; /* Uniform gap */ } /* Pause scroll on hover */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid:hover { animation-play-state: paused !important; } /* 4. The Dynamic Keyframe Engine */ @keyframes elementorAutoSlide { 0% { transform: translateX(0); } 100% { /* This moves the track exactly half of its total extended length, ensuring a seamless, unclipped cycle loop */ transform: translateX(-50%); } } /* Ensure the overall product card container can handle scaling */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { position: relative; overflow: hidden; /* CRITICAL: This keeps the image "contained" when it zooms, so it doesn't spill over the edges */ transition: box-shadow 0.3s ease; /* Adds a nice depth effect to the card itself */ cursor: pointer; } /* Base state for the container link and image wrapper */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; /* This creates the smooth, gradual zoom out effect */ } /* Hover state: Target the primary image and the link title together */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { /* Scale the image size by 8% (1.08) */ transform: scale(1.08) !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover h2.woocommerce-loop-category__title { /* Slightly scale the text as well for a deeper effect, and move it up 3px */ transform: translateY(-3px) scale(1.02) !important; } /* Make the overall card have a slight drop shadow when hovered to make it 'pop' */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /* 1. Updated Main Product Track Row */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; padding: 20px 0; /* Increased top/bottom padding for the larger cards */ margin: 0 !important; animation: elementorAutoSlide 25s linear infinite; } /* 2. ENLARGED Card Specifications */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product { /* Increased from 220px to 280px */ flex: 0 0 280px !important; width: 280px !important; max-width: 280px !important; /* Slightly increased gap between larger items */ margin-right: 30px !important; position: relative; overflow: hidden; transition: box-shadow 0.3s ease; cursor: pointer; } /* 3. Keep the hover zoom scaling clean on larger frames */ .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product a, .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product img { transition: transform 0.5s ease-out !important; width: 100% !important; /* Forces the image to fill the new larger width */ height: auto !important; } .elementor-widget-wc-categories .woocommerce ul.products.elementor-grid .product-category.product:hover img { transform: scale(1.08) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c835bb1 */.zoom-container { overflow: hidden; } .zoom-container img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; } .zoom-container:hover img { transform: scale(1.2); }/* End custom CSS */