.elementor-3019 .elementor-element.elementor-element-ea17fcc{--display:flex;--min-height:0px;--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-3019 .elementor-element.elementor-element-ea17fcc:not(.elementor-motion-effects-element-type-background), .elementor-3019 .elementor-element.elementor-element-ea17fcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5e45d81 );}.elementor-3019 .elementor-element.elementor-element-6ec91a1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3019 .elementor-element.elementor-element-e6e0fec .heading .heading-title{color:var( --e-global-color-secondary );}.elementor-3019 .elementor-element.elementor-element-cb2cd3a .woocommerce-breadcrumb{font-family:"Inter", Sans-serif;font-weight:400;font-style:normal;text-decoration:none;text-align:start;}.elementor-3019 .elementor-element.elementor-element-a252878{--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-3019 .elementor-element.elementor-element-a252878:not(.elementor-motion-effects-element-type-background), .elementor-3019 .elementor-element.elementor-element-a252878 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c9653f );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-272e830-font-family ), Sans-serif;font-size:var( --e-global-typography-272e830-font-size );font-weight:var( --e-global-typography-272e830-font-weight );line-height:var( --e-global-typography-272e830-line-height );letter-spacing:var( --e-global-typography-272e830-letter-spacing );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--main .elementor-item:hover, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3019 .elementor-element.elementor-element-0124bc7{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:var( --e-global-color-secondary );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a:hover, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a:focus, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a.highlighted, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-menu-toggle:hover, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a:hover, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a:focus, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-0c9653f );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown .elementor-item, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-272e830-font-family ), Sans-serif;font-size:var( --e-global-typography-272e830-font-size );font-weight:var( --e-global-typography-272e830-font-weight );letter-spacing:var( --e-global-typography-272e830-letter-spacing );}.elementor-3019 .elementor-element.elementor-element-b86418c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3019 .elementor-element.elementor-element-9c983a3{--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-3019 .elementor-element.elementor-element-ab7a931.elementor-wc-products ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-3019 .elementor-element.elementor-element-479b9ee{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products li.product{text-align:center;}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-a2e875e );background-color:var( --e-global-color-cf2bd26 );}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-a2e875e );background-color:var( --e-global-color-secondary );}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-3019 .elementor-element.elementor-element-9c983a3{--width:25%;}}@media(max-width:1024px){.elementor-3019 .elementor-element.elementor-element-ea17fcc{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-272e830-font-size );line-height:var( --e-global-typography-272e830-line-height );letter-spacing:var( --e-global-typography-272e830-letter-spacing );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown .elementor-item, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-272e830-font-size );letter-spacing:var( --e-global-typography-272e830-letter-spacing );}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-272e830-font-size );line-height:var( --e-global-typography-272e830-line-height );letter-spacing:var( --e-global-typography-272e830-letter-spacing );}.elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown .elementor-item, .elementor-3019 .elementor-element.elementor-element-0124bc7 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-272e830-font-size );letter-spacing:var( --e-global-typography-272e830-letter-spacing );}.elementor-3019 .elementor-element.elementor-element-7d552be.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-7d552be *//* * =================================================================== * WOOCOMMERCE: ALIGNED GRID, CUSTOM BUTTONS & PRODUCT CARD STYLING * =================================================================== */ /* 1. Use Flexbox for the main products container */ .woocommerce ul.products { display: flex; flex-wrap: wrap; gap: 20px; /* Adds space between rows */ } /* 2. Style each product as a self-contained card */ .woocommerce ul.products li.product { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; margin: 0; /* Remove default margin to rely on gap */ /* --- New Card Styles --- */ background-color: #ffffff; border: 1px solid #e0e0e0; /* A light, clean border */ border-radius: 10px; /* Rounded corners to match your button */ padding: 15px; /* Adds space inside the card */ box-shadow: 0 10px 8px rgba(0, 0, 0, 0.07); /* A subtle shadow to lift the card */ transition: all 0.3s ease; /* Smooth transition for hover effects */ } /* --- New Hover Effect for the Card --- */ .woocommerce ul.products li.product:hover { transform: translateY(-2px); /* Lifts the card up slightly */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12); /* A more pronounced shadow */ border-color: #cccccc; } /* 3. Style the "Add to Cart" button with your custom colors */ .woocommerce ul.products li.product .button { margin-top: 10px; margin-bottom: 10px;/* Pushes the button to the bottom */ /* Your Custom Button Colors & Styles */ background-color: #134A23; color: #ffffff !important; border: 1px solid #134A23; border-radius: 10px; text-align: center; padding: 10px 15px; /* Added some padding for better look */ } /* Your Custom Hover Effect for the button */ .woocommerce ul.products li.product .button:hover { background-color: #317C32; border-color: #317C32; } /* 4. (Optional) Set a minimum height for the product title */ .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 4em; padding: 0 2px; /* A little horizontal space for the title */ }/* End custom CSS */