.elementor-4386 .elementor-element.elementor-element-27a4d14{--display:flex;}.elementor-4386 .elementor-element.elementor-element-9b11f8d{--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 10px;--row-gap:0px;--column-gap:10px;--margin-top:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4386 .elementor-element.elementor-element-bdf4844{--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-4386 .elementor-element.elementor-element-c5090fc > .elementor-widget-container{margin:0px 5px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4386 .elementor-element.elementor-element-a4c7e1b{--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-4386 .elementor-element.elementor-element-17217b2{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;}.elementor-4386 .elementor-element.elementor-element-8397b55 .cart button, .elementor-4386 .elementor-element.elementor-element-8397b55 .cart .button{transition:all 0.2s;}.elementor-4386 .elementor-element.elementor-element-8397b55 .quantity .qty{transition:all 0.2s;}.elementor-4386 .elementor-element.elementor-element-aad08b1{--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;}@media(min-width:768px){.elementor-4386 .elementor-element.elementor-element-27a4d14{--content-width:1598px;}.elementor-4386 .elementor-element.elementor-element-9b11f8d{--content-width:1600px;}.elementor-4386 .elementor-element.elementor-element-bdf4844{--width:50%;}.elementor-4386 .elementor-element.elementor-element-a4c7e1b{--width:50%;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8397b55 *//* Hide plus/minus buttons */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
    display: none !important;
}

/* Quantity input box */
.woocommerce .quantity input.qty {
    width: 100% !important;
    padding: 10px 12px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0;
}

/* Add "Enter sqft" label */
.woocommerce .quantity::before {
    content: "Enter sqft";
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

/* Ensure cart layout wraps properly */
.woocommerce form.cart {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}

/* Add to Cart button styling */
.woocommerce form.cart button.button {
    padding: 10px 14px !important;
    font-size: 13px;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    line-height: 1.3;
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto !important;
}

/* 🔧 Force proper mobile stacking for smaller screens */
@media (max-width: 420px) {
    .woocommerce form.cart {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .woocommerce .quantity {
        width: 100% !important;
    }

    .woocommerce .quantity input.qty {
        width: 100% !important;
    }

    .woocommerce form.cart button.button {
        width: 100% !important;
        margin-top: 6px;
        font-size: 14px !important;
        padding: 10px 0 !important;
    }
}
/*this is code for variation style*/

/* Clean, modern dropdown styling */
.variations select {
  width: 100%;
  padding: 10px 14px;
  font-size: 15px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: none;
  appearance: auto;
  transition: all 0.2s ease;
}

/* On hover/focus */
.variations select:focus,
.variations select:hover {
  border-color: #007cba;
  outline: none;
}

/* Label styling */
.variations label {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
  display: block;
  text-transform: uppercase;
  color: #444;
}/* End custom CSS */