.elementor-42288 .elementor-element.elementor-element-31ae76ac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 20px 0px;}.elementor-42288 .elementor-element.elementor-element-31ae76ac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42288 .elementor-element.elementor-element-72bdb65d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-42288 .elementor-element.elementor-element-72bdb65d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCD2BE;}.elementor-42288 .elementor-element.elementor-element-72bdb65d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-42288 .elementor-element.elementor-element-72bdb65d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-42288 .elementor-element.elementor-element-c5a0b25.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-42288 .elementor-element.elementor-element-c5a0b25.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-42288 .elementor-element.elementor-element-c5a0b25 > .elementor-element-populated{padding:0px 20px 20px 55px;}.elementor-42288 .elementor-element.elementor-element-a3e4bb8 > .elementor-widget-container{margin:40px 0px 30px 0px;}.elementor-42288 .elementor-element.elementor-element-a3e4bb8.elementor-element{--align-self:flex-start;}.elementor-42288 .elementor-element.elementor-element-a3e4bb8{text-align:start;}.elementor-42288 .elementor-element.elementor-element-a3e4bb8 .elementor-heading-title{font-family:"gillsans-semibold", Sans-serif;font-size:60px;font-weight:600;text-transform:capitalize;color:#232A27;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;padding:30px 30px 30px 30px;border-color:#D2D2D2;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:10px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#232A27;margin-bottom:0px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#232A27;margin-bottom:0px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .star-rating{font-size:0em;margin-bottom:0px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price{color:#232A27;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price ins{color:#232A27;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price ins .amount{color:#232A27;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price del{color:#232A27;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price del .amount{color:#232A27;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price del {font-family:"gillsans-semibold", Sans-serif;font-size:22px;font-weight:600;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .button{color:#232A27;background-color:#DCD2BE;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );border-radius:0px 0px 0px 0px;padding:10px 25px 10px 25px;margin-top:0px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products .added_to_cart{color:#232A27;font-weight:500;margin-inline-start:0px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90 nav.woocommerce-pagination{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-42288 .elementor-element.elementor-element-dc3ed90 nav.woocommerce-pagination ul li a{color:#232A27;background-color:var( --e-global-color-primary );}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:var( --e-global-color-e5c3fbc );font-size:20px;border-radius:5px;min-width:100px;min-height:40px;line-height:40px;right:auto;left:0;margin:-20px;}@media(max-width:1024px){.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-text-font-size );}.elementor-42288 .elementor-element.elementor-element-dc3ed90 nav.woocommerce-pagination{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-42288 .elementor-element.elementor-element-72bdb65d{width:18%;}.elementor-42288 .elementor-element.elementor-element-c5a0b25{width:82%;}}@media(max-width:767px){.elementor-42288 .elementor-element.elementor-element-c5a0b25 > .elementor-element-populated{padding:5px 5px 5px 5px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products{grid-column-gap:5px;grid-row-gap:20px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:10px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-text-font-size );}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .price del {font-size:16px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product .button{margin-top:0px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90.elementor-wc-products ul.products li.product{padding:5px 5px 5px 5px;}.elementor-42288 .elementor-element.elementor-element-dc3ed90 nav.woocommerce-pagination{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for wc-archive-products, class: .elementor-element-dc3ed90 */.woocommerce ul.products li.product a img { width: 100% !important; height: 210px !important; object-fit: cover; } /* 1. Make the product container the reference point */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product, .elementor-42288 .elementor-element.elementor-element-dc3ed90 li.product { position: relative; overflow: hidden; } /* 2. Style the Buttons (Add to Cart & Wishlist) */ /* Note: '.yith-wcwl-add-to-wishlist' is the standard class for the most popular wishlist plugin */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button, .elementor-42288 .elementor-element.elementor-element-dc3ed90 .yith-wcwl-add-to-wishlist, .elementor-42288 .elementor-element.elementor-element-dc3ed90 .ti-wishlist { position: absolute; z-index: 100; top: 95px; /* Distance from top */ right: 95px; /* Distance from right */ opacity: 0; /* Hidden by default */ transform: translateX(20px); /* Slide in effect */ transition: all 0.3s ease-in-out; } /* 3. If you want the Wishlist above the Cart button */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .yith-wcwl-add-to-wishlist { top: 60px; /* Moves the wishlist button below the cart icon */ } /* 4. Show buttons on hover */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product:hover .button.add_to_cart_button, .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product:hover .yith-wcwl-add-to-wishlist, .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product:hover .ti-wishlist, .elementor-42288 .elementor-element.elementor-element-dc3ed90 li.product:hover .button.add_to_cart_button { opacity: 1; transform: translateX(0); } /* 5. Optional: Style buttons as icons if they aren't already */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button { background-color: #DCD2BE !important; color: #232A27 !important; border-radius: 0% !important; width: 60px !important; height: 60px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } /* 1. Hide the original text while keeping the button functional */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button { font-size: 0 !important; /* Hides the original text */ line-height: 0; text-indent: -9999px; /* Accessibility fallback */ } /* 2. Inject the "+" icon or Shopping Bag */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button::before { content: '+'; /* Change to '\f291' for a Shopping Basket if using FontAwesome */ font-family: "Arial", sans-serif; /* Use "Font Awesome 5 Free" if you have it loaded */ font-weight: 900; font-size: 20px; /* Size of the + */ color: #000; text-indent: 0; display: block; line-height: 40px; /* Matches the button height for vertical centering */ } /* 3. Handle "Loading" state (Spinner) */ /* This ensures the icon disappears when the WooCommerce spinner shows up */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button.loading::before { display: none; } /* 4. Optional: Hover effect for the icon color */ .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button:hover::before { color: #ffffff; } .elementor-42288 .elementor-element.elementor-element-dc3ed90 .button.add_to_cart_button:hover { background-color: #000 !important; } .elementor-42288 .elementor-element.elementor-element-dc3ed90 .yith-wcwl-add-to-wishlist a { position: absolute; top: 60px; right: 95px; opacity: 0; transform: translateX(20px); transition: all 0.3s ease-in-out; z-index: 9999; } .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product:hover .yith-wcwl-add-to-wishlist a, .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product__container:hover .yith-wcwl-add-to-wishlist a, .elementor-42288 .elementor-element.elementor-element-dc3ed90 li.product:hover .yith-wcwl-add-to-wishlist a { opacity: 1; transform: translateX(0); } .elementor-42288 .elementor-element.elementor-element-dc3ed90 .yith-wcwl-add-to-wishlist a::before { content: "♥"; font-size: 20px; color: #000; } .elementor-42288 .elementor-element.elementor-element-dc3ed90 .elementor-loop-product__container:hover .yith-wcwl-add-to-wishlist a { opacity: 1; transform: translateX(0); }/* End custom CSS */