.blinkit-qty-controls {
    display: none !important
}

[data-blinkit-add].blinkit-initialized .blinkit-qty-controls {
    display: none
}

[data-blinkit-add].blinkit-initialized.has-qty .blinkit-add-btn {
    display: none !important
}

[data-blinkit-add].blinkit-initialized.has-qty .blinkit-qty-controls {
    display: flex !important
}

[data-blinkit-add] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.blinkit-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    padding: 0 16px;
    height: 32px;
    background: #235a49;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease, transform .15s ease;
    line-height: 1
}

.blinkit-add-btn:hover {
    background: #1a4538;
    color: #fff
}

.blinkit-add-btn:active {
    transform: scale(.95)
}

@media screen and (min-width:750px) {
    .blinkit-add-btn {
        padding: 0 20px;
        height: 44px;
        font-size: 19px;
        border-radius: 10px
    }
}

.blinkit-qty-controls {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    background: #235a49;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    gap: 0
}

@media screen and (min-width:750px) {
    .blinkit-qty-controls {
        height: 44px;
        border-radius: 10px
    }
}

[data-blinkit-add].blinkit-initialized.has-qty.animate-qty .blinkit-qty-controls {
    animation: qtySlideIn .25s cubic-bezier(.34, 1.56, .64, 1)
}

@keyframes qtySlideIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.blinkit-qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 100%;
    background: transparent;
    border: none;
    color: #f5edd0;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .15s ease, transform .1s ease
}

@media screen and (min-width:750px) {
    .blinkit-qty-btn {
        width: 40px;
        font-size: 22px
    }
}

.blinkit-qty-btn:hover {
    opacity: .8
}

.blinkit-qty-btn:active {
    transform: scale(.88)
}

.blinkit-minus-btn,
.blinkit-plus-btn {
    border-radius: 0
}

.blinkit-qty-value {
    flex: 1;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #f5edd0;
    min-width: 26px;
    animation: qtyPop .2s ease
}

@keyframes qtyPop {
    0% {
        transform: scale(1.3)
    }
    to {
        transform: scale(1)
    }
}

[data-blinkit-add].loading .blinkit-add-btn,
[data-blinkit-add].loading .blinkit-qty-controls {
    pointer-events: none;
    opacity: .7
}

[data-blinkit-add].loading .blinkit-add-btn:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #f5edd0;
    border-radius: 50%;
    animation: spin .6s linear infinite
}

[data-blinkit-add].loading .blinkit-add-btn span {
    visibility: hidden
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.blinkit-add-btn[disabled],
.blinkit-add-btn.sold-out {
    background: #999;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none
}

.blinkit-add-btn.sold-out:hover {
    background: #999;
    color: #fff
}

@media screen and (min-width:750px) {
    .blinkit-qty-value {
        font-size: 17px
    }
}

.blinkit-variant-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    padding: 0 16px;
    height: 32px;
    background: #235a49;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease, transform .15s ease;
    line-height: 1
}

.blinkit-variant-btn:hover {
    background: #1a4538;
    color: #fff
}

@media screen and (min-width:750px) {
    .blinkit-variant-btn {
        padding: 0 20px;
        height: 44px;
        font-size: 19px;
        border-radius: 10px
    }
}

.floating-cart-bar.pulse .floating-cart-inner {
    animation: barPulse .3s ease
}

@keyframes barPulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.02)
    }
    to {
        transform: scale(1)
    }
}

/*# sourceMappingURL=/cdn/shop/t/681/assets/blinkit-quick-add.css.map?v=72961788481024434461788867592 */