/**
 * Quantity +/- control — Lotfi Store Kit
 * اقتباس شده از دکمه‌های افزایش/کاهش تعداد.
 */
.lsk-qty-section .quantity {
    display: flex;
    border: 1px solid #EEEEEE;
    height: 44px;
    align-items: center;
    border-radius: 8px;
    padding: 0 5px;
    justify-content: space-between;
    max-width: 110px;
}

.lsk-qty-section {
    flex: unset !important;
}

.lsk-qty-section .qty {
    width: 36px !important;
    padding: 0 !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    -moz-appearance: textfield !important;
    color: #333 !important;
    pointer-events: none;
}

.lsk-qty-section .qty::-webkit-outer-spin-button,
.lsk-qty-section .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lsk-qty-btn {
    background: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    border: none !important;
    color: #333 !important;
    cursor: pointer;
    padding: 0 6px !important;
    min-width: 24px;
    box-shadow: none !important;
}

.lsk-qty-btn svg {
    width: 20px;
    height: 20px;
}

.lsk-qty-btn svg path {
    stroke: currentColor;
}

.lsk-qty-btn:hover:not(:disabled) {
    color: #000 !important;
}

.lsk-qty-btn:disabled {
    opacity: 0.5;
    color: #bbb !important;
    cursor: not-allowed !important;
}

.lsk-qty-btn.minus {
    border-left: 1px solid #ddd !important;
}

.lsk-qty-btn.plus {
    border-right: 1px solid #ddd !important;
}

@media (max-width: 768px) {
    .lsk-qty-section .quantity { max-width: 120px; }
}