.cpo-custom-fields {
    margin-bottom: 20px;
}

.cpo-quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    width: 100%;
}

.cpo-minus-btn,
.cpo-plus-btn {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 18px;
}

#cpo-quantity {
    width: 100px;
    text-align: center;
    font-size: 16px;
}
button.cpo-minus-btn , button.cart-minus-btn , button.wc-minus-btn{
    background: #06442a;
    color: white;
    font-size: 18px;
    border-radius: 100px !important;
    padding: 0 !important;
    width: 40px;
    height: 40px !important;
}
button.cpo-plus-btn , button.cart-plus-btn , button.wc-plus-btn{
    background: #06442a;
    color: white;
    font-size: 18px;
    border-radius: 100px !important;
    padding: 0 !important;
    width: 40px;
    height: 40px !important;
    text-align: center;
}
button.cpo-plus-btn:hover {
    background: #06442a;
    color: white;
}
button.cpo-minus-btn:hover{
    background: #06442a;
    color: white;
}
.cpo-custom-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cpo-custom-fields  label {
    width: max-content;
}
.cpo-custom-fields  input {
    accent-color: #06442a;
}

.quantity {
    display: none !important;
}

/* cart page  */



.cart-custom-quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    width: 100%;
    flex-wrap: wrap;
}

.cart-minus-btn,
.cart-plus-btn {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 18px;
}

input.cart-quantity-input {
    width: 100px!important;
    text-align: center!important;
    font-size: 16px!important;
}
.cart-btn-s-wrapper {
    width: max-content;
    display: flex;
}


.cart-unit-selection-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cart-unit-selection-wrapper label {
    width: max-content;
}

.cart-unit-selection-wrapper input {
    accent-color: #06442a;
}



.ration-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.ration-cont input {
    accent-color: #06442a;
}

.wc-quantity-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}


input.wc-quantity.custom-loop-qty {
    width: 100%;
    max-width: 90px;
}
button.mini-cart-plus-btn {
    background: #06442a;
    color: white;
    font-size: 18px;
    border-radius: 100px !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
}

button.mini-cart-minus-btn {
    background: #06442a;
    color: white;
    font-size: 18px;
    border-radius: 100px !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
}
input.mini-cart-quantity-input {
    width: 100%;
    max-width: 128px !important;
}

input.wc-quantity{
    max-width: 53px;
    text-align: center;
    padding: 0 !important;
}

input.mini-cart-quantity-input{
    max-width: 73px;
    text-align: center;
    padding: 0 !important;
}

.wd-add-btn.wd-add-btn-replace{
    display: none !important;
}

.wd-add-btn.wd-add-btn-replace.show-important {
    display: block !important;
}
/* .wc-custom-fields:has(+ .wd-add-btn ) {
    display: none !important;
    background-color: red;
} */
button.wc-add-to-cart-btn {
    padding: 6px 17px;
    background: #0f4830;
    color: white;
}
a.cart-item-link.wd-fill {
    display: none !important;
}

.mini-cart-btn-s-wrapper {
    display: flex;
    margin-bottom: 10px;
    margin-top: 15px;
    justify-content: start;
    align-items: center;
}


.warp-qui {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    gap: 15px;
}

input.cpo-hidden {
    display: none;
}
.cpo-unit-selection {
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

label.label-un-cot {
    width: 40px;
    height: 40px;
    display: flex
;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 100px;
    will-change: aliceblue;
    font-weight: 600;
    box-shadow: 0 0 6px 0px #80808066;
    font-size: 13px;
}

.label-un-cot.active {
    background-color: #80808038;
    color: black;
    box-shadow: none;
}