.elementor-5397 .elementor-element.elementor-element-de1024f{padding:0% 5% 0% 5%;}.elementor-5397 .elementor-element.elementor-element-74213ea > .elementor-element-populated{padding:5% 5% 0% 5%;}.elementor-5397 .elementor-element.elementor-element-b29a2c8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-5397 .elementor-element.elementor-element-ae6c6c7 .elementor-heading-title{font-size:24px;font-weight:700;color:#181818;}.elementor-5397 .elementor-element.elementor-element-8399859{text-align:end;}.woocommerce .elementor-5397 .elementor-element.elementor-element-8399859 .price{color:#000000;font-size:16px;font-weight:600;}.woocommerce .elementor-5397 .elementor-element.elementor-element-8399859 .price ins{color:#C40A0A;font-size:20px;}.elementor-5397 .elementor-element.elementor-element-938b6fe .cart button, .elementor-5397 .elementor-element.elementor-element-938b6fe .cart .button{transition:all 0.2s;}.elementor-5397 .elementor-element.elementor-element-938b6fe .quantity .qty{transition:all 0.2s;}.elementor-5397 .elementor-element.elementor-element-e475816{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;}.elementor-5397 .elementor-element.elementor-element-e475816 img{width:55%;}.elementor-5397 .elementor-element.elementor-element-d0ea95e .elementor-heading-title{font-size:22px;font-weight:600;color:#000000;}.woocommerce .elementor-5397 .elementor-element.elementor-element-ed682cd .woocommerce-product-details__short-description{color:#000000;font-size:14px;}.elementor-5397 .elementor-element.elementor-element-8d15594{padding:0% 5% 0% 5%;}.woocommerce .elementor-5397 .elementor-element.elementor-element-57c42a2 .woocommerce-tabs ul.wc-tabs li a{color:#000000;font-weight:500;}.woocommerce .elementor-5397 .elementor-element.elementor-element-57c42a2 .woocommerce-tabs ul.wc-tabs li{background-color:#FFFFFF;border-color:#F0F0F0;}.woocommerce .elementor-5397 .elementor-element.elementor-element-57c42a2 .woocommerce-tabs .woocommerce-Tabs-panel{border-color:#F0F0F0;}.woocommerce .elementor-5397 .elementor-element.elementor-element-57c42a2 .woocommerce-tabs ul.wc-tabs li.active{border-color:#000000 #000000  #000000;}.woocommerce .elementor-5397 .elementor-element.elementor-element-57c42a2 .woocommerce-tabs ul.wc-tabs li:not(.active){border-bottom-color:#000000;}.elementor-5397 .elementor-element.elementor-element-ea5989a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-5397 .elementor-element.elementor-element-ea5989a.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-5397 .elementor-element.elementor-element-e475816 img{width:100%;}.elementor-5397 .elementor-element.elementor-element-8d15594{padding:0% 0% 0% 0%;}.elementor-5397 .elementor-element.elementor-element-ea5989a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-5397 .elementor-element.elementor-element-de1024f{padding:0% 0% 0% 0%;}.elementor-5397 .elementor-element.elementor-element-ae6c6c7 .elementor-heading-title{font-size:22px;line-height:1.2em;}.woocommerce .elementor-5397 .elementor-element.elementor-element-8399859 .price ins{font-size:24px;}.elementor-5397 .elementor-element.elementor-element-8d15594{padding:0% 0% 0% 0%;}.woocommerce .elementor-5397 .elementor-element.elementor-element-57c42a2 .woocommerce-tabs ul.wc-tabs{text-align:left;}.elementor-5397 .elementor-element.elementor-element-ea5989a.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-8399859 */.elementor-5397 .elementor-element.elementor-element-8399859
    .custom-price-container.on-sale .regular-price-row {
    display: flex;
    align-items: left;       /* This handles vertical alignment */
    justify-content: left;   /* This adds horizontal centering */
    gap: 10px;                 /* This is the space between the items */
}
@media (max-width: 768px) {
.elementor-5397 .elementor-element.elementor-element-8399859 .woocommerce-Price-amount bdi {
		font-size: 22px !important;
	}
	.elementor-5397 .elementor-element.elementor-element-8399859 .regular-price-row bdi {
		font-size: 16px !important;
	}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-938b6fe *//* Target the specific Elementor Add to Cart widget */
.elementor-element.elementor-widget-woocommerce-product-add-to-cart {

    /* --- 1. Hide Unwanted Elements --- */
    
    /* Hide the quantity input field */
    & form.cart .quantity {
        display: none;
    }

    /* Hide the ShopEngine wishlist button in this area */
    & .shopengine-wishlist {
        display: none;
    }

    /* Hide the ShopEngine compare button in this area */
    & .shopengine-comparison {
        display: none;
    }

    /* --- 2. Create the Flexbox Layout for the Buttons --- */
    
    & form.cart {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap if needed */
        gap: 10px; /* Adjust the space between the buttons */
    }

    /* --- 3. Style and Order Buttons for Desktop --- */

    /* Style both buttons to fill the container */
    & form.cart button {
        margin: 0 !important; /* Remove default margins */
        flex-grow: 1; /* Allow buttons to grow */
        height: auto; /* Ensure consistent height */
        padding-top: 15px; /* Adjust padding for better look */
        padding-bottom: 15px; /* Adjust padding for better look */
    }
    
    /* "Add to Cart" Button - 65% width on desktop */
    & form.cart .single_add_to_cart_button {
        width: 65%;
        min-width: 20vw;
        order: 1; /* Visually place it first */
    }

    /* "Buy Now" Button - 35% width on desktop */
    & form.cart .shopengine-quick-checkout-button {
        width: 35%;
        min-width: 150px;
        margin-left: 5% !important;
        order: 2; /* Visually place it second */
    }
}


/* --- 4. Responsive Styles for Mobile (screens up to 767px) --- */

@media (max-width: 767px) {
    .elementor-element.elementor-widget-woocommerce-product-add-to-cart {
        
        /* "Add to Cart" Button - 40% width on mobile */
        & form.cart .single_add_to_cart_button {
            width: 40%;
            min-width:150px;
        }

        /* "Buy Now" Button - 60% width on mobile */
        & form.cart .shopengine-quick-checkout-button {
            width: 60%;
        }
    }
}
/*
=================================================================
  MODERN BUTTON REDESIGN: ADD TO CART & BUY NOW
=================================================================
*/

/* --- 1. General Styles for Both Buttons (for consistency) --- */
.elementor-widget-woocommerce-product-add-to-cart form.cart button {
    border-radius: 8px !important; /* Modern rounded corners */
    border-width: 2px !important;
    border-style: solid !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease !important; /* Smooth hover effect */
}


/* --- 2. Primary Button: "Buy Now" (Solid Green) --- */
.elementor-widget-woocommerce-product-add-to-cart form.cart .shopengine-quick-checkout-button {
    background-color: #27ae60 !important; /* <-- CHANGE THIS VIBRANT GREEN COLOR */
    border-color: #27ae60 !important;     /* <-- MATCH THE BORDER COLOR */
    color: #ffffff !important;
}

/* --- 3. Secondary Button: "Add to Cart" (Outline Style) --- */
.elementor-widget-woocommerce-product-add-to-cart form.cart .single_add_to_cart_button {
    background-color: transparent !important;
    border-color: #2c3e50 !important;   /* <-- CHANGE THIS DARK BORDER/TEXT COLOR */
    color: #2c3e50 !important;          /* <-- MATCH THE TEXT COLOR */
}


/* --- 4. Hover Effects (Makes them interactive) --- */

/* "Buy Now" hover effect */
.elementor-widget-woocommerce-product-add-to-cart form.cart .shopengine-quick-checkout-button:hover {
    background-color: #2ecc71 !important; /* Slightly lighter green on hover */
    border-color: #2ecc71 !important;
    transform: translateY(-2px); /* Lifts the button slightly */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* "Add to Cart" hover effect */
.elementor-widget-woocommerce-product-add-to-cart form.cart .single_add_to_cart_button:hover {
    background-color: #2c3e50 !important; /* Fills with the dark color on hover */
    color: #ffffff !important;            /* Text becomes white */
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* Container for title + button */
.load-more-container {
  display: flex;
  justify-content: space-between; /* Title left, button right */
  align-items: center;
  margin: 20px 0;
  padding: 10px 15px;
  border-bottom: 2px solid #eee;
}

/* Modern title styling */
.load-more-title {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: #333 !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
}

/* Button styling */
.load-more-btn {
  background: #222 !important;
  color: #fff !important;
  padding: 10px 18px !important;
  border-radius: 6px !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* Hover effect */
.load-more-btn:hover,
.load-more-btn.active {
  background: #444 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}/* End custom CSS */