.elementor-3008 .elementor-element.elementor-element-4ba6ab3{--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-3008 .elementor-element.elementor-element-4ba6ab3:not(.elementor-motion-effects-element-type-background), .elementor-3008 .elementor-element.elementor-element-4ba6ab3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5e45d81 );}.elementor-3008 .elementor-element.elementor-element-f737d72{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3008 .elementor-element.elementor-element-43b515f .heading .heading-title{color:var( --e-global-color-secondary );}.elementor-3008 .elementor-element.elementor-element-baa5223 .woocommerce-breadcrumb{font-family:"Inter", Sans-serif;font-weight:400;font-style:normal;text-decoration:none;text-align:start;}.elementor-3008 .elementor-element.elementor-element-e17679b{--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-3008 .elementor-element.elementor-element-e17679b:not(.elementor-motion-effects-element-type-background), .elementor-3008 .elementor-element.elementor-element-e17679b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c9653f );}.elementor-3008 .elementor-element.elementor-element-73853bd .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-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--main .elementor-item:hover, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--main .elementor-item.highlighted, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3008 .elementor-element.elementor-element-73853bd{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:var( --e-global-color-secondary );}.elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a:hover, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a:focus, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a.highlighted, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-menu-toggle:hover, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a:hover, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a:focus, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-0c9653f );}.elementor-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown .elementor-item, .elementor-3008 .elementor-element.elementor-element-73853bd .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-3008 .elementor-element.elementor-element-d1fc723{--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-3008 .elementor-element.elementor-element-5570627{--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-3008 .elementor-element.elementor-element-392b917.elementor-wc-products ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-3008 .elementor-element.elementor-element-0f274ac{--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-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products li.product{text-align:center;}.elementor-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-a2e875e );background-color:var( --e-global-color-secondary );}.elementor-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-a2e875e );background-color:var( --e-global-color-accent );}.elementor-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-3008 .elementor-element.elementor-element-5570627{--width:25%;}}@media(max-width:1024px){.elementor-3008 .elementor-element.elementor-element-4ba6ab3{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3008 .elementor-element.elementor-element-73853bd .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-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown .elementor-item, .elementor-3008 .elementor-element.elementor-element-73853bd .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-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3008 .elementor-element.elementor-element-73853bd .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-3008 .elementor-element.elementor-element-73853bd .elementor-nav-menu--dropdown .elementor-item, .elementor-3008 .elementor-element.elementor-element-73853bd .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-3008 .elementor-element.elementor-element-fe30cce.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-fe30cce */.woocommerce ul.products { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; /* CRITICAL: Makes all cards same height */ } /** * Elementor-specific grid adjustments * Ensures consistent spacing across Elementor layouts */ .elementor-widget-woocommerce-products ul.products { gap: 12px; margin: 0; align-items: stretch; } .woocommerce ul.products li.product { display: flex !important; flex-direction: column !important; flex-grow: 1; flex-basis: 0; height: 100%; /* CRITICAL: Makes cards fill container height */ margin: 0; padding: 25px; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07); transition: all 0.3s ease; } /** * Product card hover state * Elevates card with enhanced shadow and border color */ .woocommerce ul.products li.product:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-color: #cccccc; } /** * Product link wrapper - contains image, title, and price * CRITICAL: Does NOT use flex-grow so it doesn't push button around */ .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: block; text-decoration: none; margin-bottom: 0; } .woocommerce ul.products li.product img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 15px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 3.5em; padding: 0 5px; margin-top: 10px; margin-bottom: 10px; font-size: 1em; line-height: 1.4; } .woocommerce ul.products li.product .price { display: block; margin-top: 10px; margin-bottom: auto !important; /* CRITICAL: This pushes buttons to bottom */ padding-bottom: 15px; font-size: 1.1em; font-weight: 600; color: #134A23; } .woocommerce ul.products li.product > a.button, .woocommerce ul.products li.product > .button { margin-top: 0 !important; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.button { display: block; width: 80%; max-width: 250px; margin-top: 0 !important; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 12px 20px; background-color: #134A23; color: #ffffff !important; border: 1px solid #134A23; border-radius: 10px; text-align: center; text-decoration: none; font-weight: 500; box-sizing: border-box; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product a.button:hover { background-color: #317C32; border-color: #317C32; box-shadow: 0 4px 12px rgba(19, 74, 35, 0.2); } .woocommerce ul.products li.product .product_type_variable, .woocommerce ul.products li.product .product_type_simple, .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product a.button { min-height: 44px; line-height: 1.4; } .woocommerce ul.products li.product .yith-add-to-wishlist-button-block { margin-top: 12px; margin-bottom: 0; text-align: center; } .yith-wcwl-add-to-wishlist-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 12px; font-size: 0.9em; color: #666; text-decoration: none; transition: color 0.3s ease; } .yith-wcwl-add-to-wishlist-button:hover { color: #134A23; } /** * Wishlist icon sizing */ .yith-wcwl-icon { width: 18px; height: 18px; } @media (max-width: 1024px) { .woocommerce ul.products { gap: 10px; } .woocommerce ul.products li.product { padding: 22px; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.button { width: 85%; } } /** * Mobile breakpoint adjustments */ @media (max-width: 768px) { .woocommerce ul.products { gap: 8px; } .woocommerce ul.products li.product { padding: 18px; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.button { width: 90%; padding: 10px 16px; min-height: 40px; } } /* ======================================================================== Elementor Column Adjustments ======================================================================== */ /** * Override Elementor's default column spacing */ .elementor-widget-woocommerce-products.elementor-grid-4 ul.products li.product, .elementor-widget-woocommerce-products.elementor-grid-tablet-2 ul.products li.product, .elementor-widget-woocommerce-products.elementor-grid-mobile-1 ul.products li.product { margin: 0 !important; } /** * Remove default WooCommerce margins that conflict with flexbox gap */ .woocommerce ul.products li.product.first, .woocommerce ul.products li.product.last { margin-left: 0 !important; margin-right: 0 !important; } /** * Force equal height for all product items in grid */ .woocommerce ul.products li.product { align-self: stretch !important; }/* End custom CSS */