/* Start custom CSS for shortcode, class: .elementor-element-8fc2039 *//* Quantity Wrapper */
.quantity {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Plus Minus Button */
.quantity .minus,
.quantity .plus {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #2e7d32 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 99;
    cursor: pointer;
}

/* Hover */
.quantity .minus:hover,
.quantity .plus:hover {
    background: #1b5e20 !important;
}

/* Quantity Input */
.quantity input.qty {
    width: 55px !important;
    height: 38px !important;
    border: 2px solid #2e7d32 !important;
    border-radius: 8px !important;
    text-align: center;
    font-size: 18px !important;
    font-weight: 600;
    background: #fff !important;
    color: #222 !important;
}

/* Remove hidden effect */
.quantity .minus::before,
.quantity .plus::before,
.quantity .minus::after,
.quantity .plus::after {
    display: none !important;
    opacity: 1 !important;
}

/* Mobile */
@media (max-width: 544px) {
    .quantity .minus,
    .quantity .plus {
        width: 34px !important;
        height: 34px !important;
        font-size: 20px !important;
    }

    .quantity input.qty {
        width: 50px !important;
        height: 34px !important;
        font-size: 16px !important;
    }
}/* End custom CSS */