/*claude css starts*/
/* Add to Cart Button States */
.myAddBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    border: 1px solid #000;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

/* Default state - Empty cart (white background) */
.myAddBtn.empty-cart {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}


/* Has quantity state (black background) */
.myAddBtn.has-quantity {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}


/* Loading state */
.myAddBtn.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Disabled state */
.myAddBtn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Counter buttons styling */
}

.myCatalogAdd.active {
    visibility: visible;
    opacity: 1;
    width: 130px;
}


.counterBtns:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input/display */

/* Icon visibility */
.hide-plus-svg {
    display: none;
}

.myAddBtn.has-quantity .hide-plus-svg {
    display: inline;
}

.myAddBtn.empty-cart .svg-icon-plus {
    display: flex;
}

.myAddBtn.has-quantity .svg-icon-plus {
    display: none;
}

/* Spinner */
.btn-spinner {
    margin-right: 8px;
}

/* Max reached label */

/* Product item loading state */
/*.product-item-photo.loading {*/
/*    opacity: 0.6;*/
/*    pointer-events: none;*/
/*}*/

/* Cross icon for max qty */
.svg-icon-cross {
    color: #fff;
    padding-right: 4px;
}

/* Responsive adjustments */
@media (max-width: 786px) {
    .myCatalogAdd {
        transition: all 0.3s ease;
    }
}
/*claude css ends here*/

/*add to cart button styles here*/
/*    .myCatalogAdd .counterBtns:hover svg path,*/
/*.myCatalogAdd .counterBtns:hover svg rect,*/
/*.myCatalogAdd .counterBtns:hover svg rect {*/
/*    fill: #000*/
/*}*/
.myCatalogAdd .counterBtns .minus-icon , .myCatalogAdd .counterBtns .icon-plus {
    padding:10px;
}
.myCatalogAdd .counterBtns .delete-icon {
        padding: 4px 7px;
}
.myAddBtn {
    position: relative;
    overflow: hidden;
}
.btn-spinner {
    position: absolute;
    top: 20%;
    left: 21%;
    transform: translate(-50%, -50%);
    font-size: 19px;
    display: none;
    color: white;
}

.product-item-inner button.action.tocart.primary span {
    /*color: #fff;*/
    /*padding: 0 2px;*/
}
.product-item-inner button.action.tocart.primary .hide-plus-svg {
      color: #fff;
    padding: 0 2px;
 }
 .product-item-inner .action.tocart.primary:hover .hide-plus-svg {
    color: #fff !important;
}
.product-item-inner .action.primary {
    background-image: none;
    /*background: #fff;*/
    /*padding: 5px 7px;*/
    /*border: 2px solid #b7d635;*/
}


.myAddBtn.loading span.hide-plus-svg{
    color: transparent !important;  /* hide text visually */

}

button.action.tocart.primary.myAddBtn.loading {
    /* color: transparent !important; */
    pointer-events: none;
    /*background: #c7d984 !important;*/
}

.myAddBtn:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    opacity: 0.7;
    border: 1px solid #bbb;
}



 .product-item-inner  button.counterBtns.plus.disabled {
    background: #a1a1a19c !important;
    color: lightgray !important;
}

.product-item-inner button.action.tocart.primary.disabled span {
    font-size: 12px;
}

/*.page-products .products-grid .product-item button.action.tocart.primary:hover span {*/
/*    color: #fff;*/
/*}*/
/*.product-item button.action.tocart.primary:hover span {*/
/*    color: #fff;*/
/*}*/
.myCatalogAdd .counterBtns:focus {
    background: none !important;
}

    .myCatalogAdd .counterBtns {
    font-weight: 700 !important;
    font-size: 21px !important;
    align-items: flex-start !important;
    border: none;
    /*padding: 1px 8px;*/
    display:contents;
    width: 40px !important;
    color: #fff !important;
    line-height: 17px;
}

.myCatalogAdd .counterBtns:hover {
    /*background-color: #b7d635 !important;*/
    /*color: #000 !important;*/
    background: none !important;
}
    .myCatalogAdd input[type="number"] {
    height: 26px !important;
    background-color: #fff;
    color: #000 !important;
    border: none !important;
    font-weight: 600;
    text-align: center;
    font-size: large;
    pointer-events: none;
    padding:0px;
    width:fit-content;
}
        .myCatalogAdd {
            /*background-color: #b7d635 !important;*/
        }
        .myCatalogAdd {
            height: 32px !important;
            transition: all 0.5s ease;
            min-width: 60px;
            width: 132px !important;
            max-width: 150px;
            position: absolute;
            /*right: -1px;*/
            /*bottom: 8px;*/
            display: flex;
            align-items: center;
            background-color: #b7d635;
            border-radius: 3px;
            visibility: hidden;
            border-radius: 20px;
            background: #fff !important; 
            justify-content: space-between;
            border: 2px solid #000;
        }
        .product-item-inner .action.primary {
             position: relative;
            color: #292D32;
            display: flex;
            height: 100%;
            min-height: 30px;
            border-radius: 22px;
            align-items: center;
                padding: 7px 12px;
        }
        /*.product-item-inner .action.primary {*/
        /*     display:none;*/
        /*}*/
       .product-item-inner.curatedaddtocart .action.primary {
            display:flex !important;
        }
        .svg-icon-plus {
            position:static !important;
        }
      .product-item-inner button[type="button"] {
         
            background-image: none;
        /*background: #b7d635 !important;*/
        border: 2px solid #000;
        line-height: 16px;
        height: 30px;
        width:auto;
        min-width:34px;
        }
      /*.product-item .action.primary:hover {*/
      /*      background: #b7d635 !important;*/
      /*          color: #fff !important;*/
      /*      }*/
      
      /*add to cart button styles ends here*/