.elementor-4599 .elementor-element.elementor-element-01b8410{width:100%;max-width:100%;}.elementor-4599 .elementor-element.elementor-element-01b8410.elementor-element{--align-self:center;}.woocommerce .elementor-4599 .elementor-element.elementor-element-ad7a096 .star-rating{color:#FFFFFF;}.woocommerce .elementor-4599 .elementor-element.elementor-element-ad7a096 .star-rating::before{color:#FFFFFF;}.elementor-4599 .elementor-element.elementor-element-803cb22{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4599 .elementor-element.elementor-element-e4e36eb.elementor-position-right .elementor-image-box-img{margin-left:5px;}.elementor-4599 .elementor-element.elementor-element-e4e36eb.elementor-position-left .elementor-image-box-img{margin-right:5px;}.elementor-4599 .elementor-element.elementor-element-e4e36eb.elementor-position-top .elementor-image-box-img{margin-bottom:5px;}.elementor-4599 .elementor-element.elementor-element-e4e36eb .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-4599 .elementor-element.elementor-element-e4e36eb .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4599 .elementor-element.elementor-element-150e803.elementor-position-right .elementor-image-box-img{margin-left:5px;}.elementor-4599 .elementor-element.elementor-element-150e803.elementor-position-left .elementor-image-box-img{margin-right:5px;}.elementor-4599 .elementor-element.elementor-element-150e803.elementor-position-top .elementor-image-box-img{margin-bottom:5px;}.elementor-4599 .elementor-element.elementor-element-150e803 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-4599 .elementor-element.elementor-element-150e803 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4599 .elementor-element.elementor-element-8be5330.elementor-position-right .elementor-image-box-img{margin-left:5px;}.elementor-4599 .elementor-element.elementor-element-8be5330.elementor-position-left .elementor-image-box-img{margin-right:5px;}.elementor-4599 .elementor-element.elementor-element-8be5330.elementor-position-top .elementor-image-box-img{margin-bottom:5px;}.elementor-4599 .elementor-element.elementor-element-8be5330 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-4599 .elementor-element.elementor-element-8be5330 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-4599 .elementor-element.elementor-element-c96dfa6 .cart button, .elementor-4599 .elementor-element.elementor-element-c96dfa6 .cart .button{color:#FFFFFF;background-color:#5FA5AC;border-color:#3C8188;transition:all 0.5s;}.elementor-4599 .elementor-element.elementor-element-c96dfa6 .cart button:hover, .elementor-4599 .elementor-element.elementor-element-c96dfa6 .cart .button:hover{background-color:#246369;}.elementor-4599 .elementor-element.elementor-element-c96dfa6{--button-spacing:25px;}.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity .qty{border-style:solid;border-width:2px 2px 2px 2px;border-radius:3px 3px 3px 3px;background-color:#EAF4FB;border-color:#5FA5AC;transition:all 0.2s;}.woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart .variations{margin-bottom:25px;}.woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart table.variations tr th, .woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart table.variations tr td{padding-top:calc( 30px/2 );padding-bottom:calc( 30px/2 );}.woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart table.variations label{color:#5FA5AC;}.woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart table.variations td.value select{color:#FFFFFF;}.woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart table.variations td.value select, .woocommerce .elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart table.variations td.value:before{background-color:#5FA5AC;border:1px solid #000000;border-radius:100px;}.elementor-4599 .elementor-element.elementor-element-992fe30.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}body.elementor-page-4599:not(.elementor-motion-effects-element-type-background), body.elementor-page-4599 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEBC6624;}@media(max-width:1024px){.elementor-4599 .elementor-element.elementor-element-803cb22{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4599 .elementor-element.elementor-element-3248ab4{text-align:center;}.elementor-4599 .elementor-element.elementor-element-803cb22{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-4599 .elementor-element.elementor-element-e4e36eb .elementor-image-box-img{margin-bottom:5px;}.elementor-4599 .elementor-element.elementor-element-e4e36eb .elementor-image-box-wrapper .elementor-image-box-img{width:75%;}.elementor-4599 .elementor-element.elementor-element-e4e36eb .elementor-image-box-title{font-size:15px;}.elementor-4599 .elementor-element.elementor-element-150e803 .elementor-image-box-img{margin-bottom:5px;}.elementor-4599 .elementor-element.elementor-element-150e803 .elementor-image-box-wrapper .elementor-image-box-img{width:75%;}.elementor-4599 .elementor-element.elementor-element-150e803 .elementor-image-box-title{font-size:15px;}.elementor-4599 .elementor-element.elementor-element-8be5330 .elementor-image-box-img{margin-bottom:5px;}.elementor-4599 .elementor-element.elementor-element-8be5330 .elementor-image-box-wrapper .elementor-image-box-img{width:75%;}.elementor-4599 .elementor-element.elementor-element-8be5330 .elementor-image-box-title{font-size:15px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-c96dfa6 *//* Stack the label and variations vertically instead of a standard table row */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 table.variations tr {
    display: flex !important;
    flex-direction: column !important;
    border: none !important;
    margin-bottom: 25px;
}

/* Style the "Weight" label */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 table.variations th.label {
    text-align: left !important;
    padding: 0 0 12px 0 !important;
    width: 100% !important;
}

.elementor-4599 .elementor-element.elementor-element-c96dfa6 table.variations th.label label {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* The selected variation text (e.g., ": 300g") */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woo-selected-variation-item-name {
    color: #004d40;
    font-weight: bold;
}

/* -------------------------------------- */
/* SWATCH BUTTON STYLING                  */
/* -------------------------------------- */

/* Container for the buttons */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 ul.variable-items-wrapper {
    display: flex !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Default state of the variation button */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 li.variable-item.button-variable-item {
    border: 2px solid #004d40 !important; /* Dark Green Border */
    border-radius: 8px !important;
    background-color: white !important;
    color: #004d40 !important;
    padding: 12px 25px !important;
    min-width: 100px !important;
    height: auto !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.elementor-4599 .elementor-element.elementor-element-c96dfa6 li.variable-item.button-variable-item .variable-item-span {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Hover state */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 li.variable-item.button-variable-item:hover {
    transform: translateY(-2px);
    border-color: #004d40 !important;
}

/* ACTIVE / SELECTED STATE */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 li.variable-item.button-variable-item.selected {
    background-color: #004d40 !important; /* Dark Green Fill */
    color: white !important;
    box-shadow: 0 4px 10px rgba(0, 77, 64, 0.2) !important;
}

/* Override the default plugin checkmark or weird borders on active */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 li.variable-item.button-variable-item.selected::before,
.elementor-4599 .elementor-element.elementor-element-c96dfa6 li.variable-item.button-variable-item.selected::after {
    display: none !important; 
}

/* Style the Clear button so it looks neat */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 a.reset_variations {
    display: block !important;
    margin-top: 12px !important;
    color: #dc2626 !important;
    font-size: 13px !important;
    text-decoration: underline !important;
}


/* Hide the extra selected variation text next to the label */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woo-selected-variation-item-name {
    display: none !important;
}

/* Hide the default Clear button */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 a.reset_variations {
    display: none !important;
}



/* Container spacing */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-price {
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

/* Flex layout to control price order and alignment */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-price .price {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-direction: row-reverse !important; /* Puts Sale Price on the Left */
    justify-content: flex-end !important;
}

/* The Sale Price (New Price) */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-price ins {
    background: transparent !important;
    text-decoration: none !important; /* Removes WooCommerce's default underline */
}

.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-price ins .woocommerce-Price-amount {
    color: #004d40 !important; /* Dark Green to match your brand */
    font-size: 24px !important;
    font-weight: 800 !important;
}

/* The Regular Price (Old Price) */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-price del {
    opacity: 0.7 !important;
}

.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-price del .woocommerce-Price-amount {
    color: #6b7280 !important; /* Medium Grey */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
}


/* -------------------------------------- */
/* QUANTITY SELECTOR FIX & STYLING        */
/* -------------------------------------- */

/* Force the form to be a flex row so elements sit side-by-side */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

/* Un-squish the quantity box and style it */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity {
    display: flex !important;
    width: 130px !important;
    height: 48px !important;
    border: 2px solid #004d40 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin: 0 !important;
}

/* Style the injected - and + buttons */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity .qty-btn {
    background: white !important;
    color: #004d40 !important;
    border: none !important;
    width: 40px !important;
    height: 100% !important;
    font-size: 20px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity .qty-btn:hover {
    background: #f3f4f6 !important;
}

/* Fix the hidden number input */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity input.qty {
    width: 50px !important;
    height: 100% !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: white !important;
    color: #333 !important;
}

/* Hide default arrows inside the number input */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity input.qty::-webkit-outer-spin-button,
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* -------------------------------------- */
/* ADD TO CART & BUY NOW BUTTONS          */
/* -------------------------------------- */

/* Add to Cart Button */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 button.single_add_to_cart_button {
    background-color: #004d40 !important; /* Dark Green */
    color: white !important;
    border-radius: 50px !important;
    padding: 0 30px !important;
    height: 48px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border: none !important;
    text-transform: capitalize !important;
    flex: 1 !important;
}

/* Buy Now Button (Assuming standard Quick Buy class) */
/* If this doesn't style the Buy Now button, we will need its specific HTML */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .buy-now-button, 
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .qlwapp-order-button {
    background-color: #8bc34a !important; /* Light Green */
    color: white !important;
    border-radius: 50px !important;
    padding: 0 30px !important;
    height: 48px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border: none !important;
    text-transform: uppercase !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Force the container to have a solid white background just in case */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity {
    background-color: white !important;
}

/* ========================================== */
/* MASTER BLOCK: QUANTITY & CART BUTTONS      */
/* ========================================== */

/* 1. Parent Container Grid */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
    align-items: flex-start !important;
}

/* 2. Quantity Box (Row 1, Left) */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity {
    display: flex !important;
    flex: 0 0 130px !important; /* Locks exact width */
    max-width: 130px !important;
    height: 48px !important;
    border: 2px solid #004d40 !important;
    border-radius: 6px !important;
    background: white !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Minus & Plus Buttons */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity .qty-btn {
    flex: 0 0 40px !important; /* Locks button width */
    background: white !important;
    color: #004d40 !important;
    border: none !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* Number Input */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 .quantity input.qty {
    flex: 1 !important; /* Stretches to fill middle */
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Add to Cart Button (Row 1, Right) */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 button.single_add_to_cart_button:not(.wc-buy-now-btn) {
    flex: 1 1 120px !important; /* Fills remaining space next to quantity */
    height: 48px !important;
    background-color: #004d40 !important;
    color: white !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    border: none !important;
    margin: 0 !important;
    
    /* Perfect Centering */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 20px !important; /* Restores breathing room */
}

/* 4. Buy Now Button (Row 2, Full Width) */
.elementor-4599 .elementor-element.elementor-element-c96dfa6 button.wc-buy-now-btn {
    flex: 0 0 100% !important; /* Forces it to the next line */
    width: 100% !important;
    height: 48px !important;
    background-color: #8bc34a !important;
    color: white !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    border: none !important;
    margin: 0 !important;
    
    /* Perfect Centering */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 20px !important; /* Restores breathing room */
}/* End custom CSS */
/* Start custom CSS */<style>
  .custom-product-widget {
    font-family: inherit; /* Inherits your theme's font */
    color: #333;
    max-width: 500px;
  }

  .product-size-label {
    font-size: 16px;
    margin-bottom: 15px;
    color: #555;
  }

  /* Variation Card Styling */
  .variation-card {
    border: 2px solid #004d40; /* Dark Green */
    border-radius: 8px;
    width: fit-content;
    overflow: hidden;
    margin-bottom: 25px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
  }
  
  .variation-card:hover {
    transform: translateY(-2px);
  }

  .variation-title {
    background-color: #004d40;
    color: white;
    text-align: center;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 16px;
  }

  .variation-prices {
    padding: 12px 20px;
    background: white;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .sale-price {
    font-weight: 800;
    color: #004d40;
    font-size: 16px;
  }

  .regular-price {
    text-decoration: line-through;
    color: #9ca3af;
    font-size: 14px;
  }

  .discount-badge {
    color: #dc2626; /* Red */
    font-weight: 700;
    font-size: 14px;
  }

  /* Quantity Selector Styling */
  .quantity-label {
    font-size: 12px;
    font-weight: 700;
    color: #555;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
  }

  .quantity-body.elementor-page-4599 {
    display: flex;
    align-items: center;
    border: 1px solid #004d40;
    border-radius: 4px;
    width: 140px;
    height: 45px;
    margin-bottom: 30px;
    overflow: hidden;
  }

  .qty-btn {
    background: white;
    border: none;
    color: #004d40;
    font-size: 20px;
    font-weight: bold;
    width: 45px;
    height: 100%;
    cursor: pointer;
    transition: background 0.2s;
  }

  .qty-btn:hover {
    background: #f3f4f6;
  }

  .qty-input {
    width: 50px;
    height: 100%;
    border: none;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    -moz-appearance: textfield; /* Hides default arrows in Firefox */
  }

  /* Hides default arrows in Chrome/Safari */
  .qty-input::-webkit-outer-spin-button,
  .qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Action Buttons Styling */
  .action-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }

  .btn-add-to-cart, .btn-buy-now {
    flex: 1;
    padding: 16px 24px;
    border: none;
    border-radius: 50px; /* Pill shape */
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    text-transform: capitalize;
    min-width: 160px;
    transition: opacity 0.2s ease, transform 0.1s ease;
  }

  .btn-add-to-cart:active, .btn-buy-now:active {
    transform: scale(0.98);
  }

  .btn-add-to-cart:hover, .btn-buy-now:hover {
    opacity: 0.9;
  }

  .btn-add-to-cart {
    background-color: #004d40;
    color: white;
  }

  .btn-buy-now {
    background-color: #8bc34a; /* Light Green */
    color: white;
    text-transform: uppercase;
  }

  /* Mobile Responsiveness */
  @media (max-width: 480px) {
    .action-buttons {
      flex-direction: column;
    }
    .btn-add-to-cart, .btn-buy-now {
      width: 100%;
    }
  }
</style>/* End custom CSS */