/* Pill qty — product, offcanvas, cart, checkout */
.tkb-qty-pill,
.product-page-details.product-right-box .qty-section .qty-box .input-group,
#cartOffcanvas .qty-box .qty-container,
#cartOffcanvas .qty-box .input-group.qty-container,
.cart-section .qty-box .qty-container,
.tkbc-table .qty-box .qty-container,
.tkb-cart-page .qty-box .qty-container,
.modern-checkout-shell .u-qty-box-inline {
    --tkb-qty-h: 40px;
    --tkb-qty-min-w: 108px;
    --tkb-qty-max-w: 128px;
    --tkb-qty-pad-x: 0px;
    --tkb-qty-btn-w: 40px;
    --tkb-qty-font: 15px;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    min-width: var(--tkb-qty-min-w) !important;
    max-width: var(--tkb-qty-max-w) !important;
    width: auto !important;
    height: var(--tkb-qty-h) !important;
    padding: 0 var(--tkb-qty-pad-x) !important;
    border: 1px solid var(--site-btn-border, #e0e0e0) !important;
    border-radius: var(--site-btn-radius, 999px) !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
    transition: border-color 0.15s ease;
}

.tkb-qty-pill:hover,
.tkb-qty-pill:focus-within,
.product-page-details.product-right-box .qty-section .qty-box .input-group:hover,
.product-page-details.product-right-box .qty-section .qty-box .input-group:focus-within,
#cartOffcanvas .qty-box .qty-container:hover,
#cartOffcanvas .qty-box .qty-container:focus-within,
#cartOffcanvas .qty-box .input-group.qty-container:hover,
#cartOffcanvas .qty-box .input-group.qty-container:focus-within,
.cart-section .qty-box .qty-container:hover,
.cart-section .qty-box .qty-container:focus-within,
.tkbc-table .qty-box .qty-container:hover,
.tkbc-table .qty-box .qty-container:focus-within,
.tkb-cart-page .qty-box .qty-container:hover,
.tkb-cart-page .qty-box .qty-container:focus-within,
.modern-checkout-shell .u-qty-box-inline:hover,
.modern-checkout-shell .u-qty-box-inline:focus-within {
    border-color: var(--site-btn-border-hover, #ccc) !important;
    box-shadow: none !important;
}

.tkb-qty-pill .input-group-prepend,
#cartOffcanvas .qty-box .input-group-prepend,
.cart-section .qty-box .input-group-prepend {
    display: contents !important;
}

.tkb-qty-pill .quantity-left-minus,
.tkb-qty-pill .quantity-right-plus,
.tkb-qty-pill .qty-btn-minus,
.tkb-qty-pill .qty-btn-plus,
.product-page-details.product-right-box .qty-section .qty-box .input-group .quantity-left-minus,
.product-page-details.product-right-box .qty-section .qty-box .input-group .quantity-right-plus,
#cartOffcanvas .qty-box .qty-btn-minus,
#cartOffcanvas .qty-box .qty-btn-plus,
.cart-section .qty-box .qty-btn-minus,
.cart-section .qty-box .qty-btn-plus,
.tkbc-table .qty-box .qty-btn-minus,
.tkbc-table .qty-box .qty-btn-plus,
.tkb-cart-page .qty-box .qty-btn-minus,
.tkb-cart-page .qty-box .qty-btn-plus,
.modern-checkout-shell .u-qty-btn {
    flex: 0 0 var(--tkb-qty-btn-w) !important;
    width: var(--tkb-qty-btn-w) !important;
    min-width: var(--tkb-qty-btn-w) !important;
    max-width: var(--tkb-qty-btn-w) !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #333 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    transition: opacity 0.15s ease, color 0.15s ease;
    position: relative;
    z-index: 1;
}

.tkb-qty-pill .quantity-left-minus:hover,
.tkb-qty-pill .quantity-right-plus:hover,
.tkb-qty-pill .qty-btn-minus:hover,
.tkb-qty-pill .qty-btn-plus:hover,
.product-page-details.product-right-box .qty-section .qty-box .input-group .quantity-left-minus:hover,
.product-page-details.product-right-box .qty-section .qty-box .input-group .quantity-right-plus:hover,
#cartOffcanvas .qty-box .qty-btn-minus:hover,
#cartOffcanvas .qty-box .qty-btn-plus:hover,
.cart-section .qty-box .qty-btn-minus:hover,
.cart-section .qty-box .qty-btn-plus:hover,
.tkbc-table .qty-box .qty-btn-minus:hover,
.tkbc-table .qty-box .qty-btn-plus:hover,
.tkb-cart-page .qty-box .qty-btn-minus:hover,
.tkb-cart-page .qty-box .qty-btn-plus:hover,
.modern-checkout-shell .u-qty-btn:hover,
.tkb-qty-pill .quantity-left-minus:focus-visible,
.tkb-qty-pill .quantity-right-plus:focus-visible,
.tkb-qty-pill .qty-btn-minus:focus-visible,
.tkb-qty-pill .qty-btn-plus:focus-visible,
#cartOffcanvas .qty-box .qty-btn-minus:focus-visible,
#cartOffcanvas .qty-box .qty-btn-plus:focus-visible,
.cart-section .qty-box .qty-btn-minus:focus-visible,
.cart-section .qty-box .qty-btn-plus:focus-visible,
.tkbc-table .qty-box .qty-btn-minus:focus-visible,
.tkbc-table .qty-box .qty-btn-plus:focus-visible,
.modern-checkout-shell .u-qty-btn:focus-visible {
    background: transparent !important;
    color: #111 !important;
    opacity: 0.55;
    outline: none !important;
}

.tkb-qty-pill .tkb-qty-symbol {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    user-select: none;
    pointer-events: none;
}

.tkb-qty-pill .quantity-left-minus i,
.tkb-qty-pill .quantity-right-plus i,
.tkb-qty-pill .qty-btn-minus i,
.tkb-qty-pill .qty-btn-plus i,
#cartOffcanvas .qty-box .qty-btn-minus i,
#cartOffcanvas .qty-box .qty-btn-plus i,
.cart-section .qty-box .qty-btn-minus i,
.cart-section .qty-box .qty-btn-plus i,
.tkbc-table .qty-box .qty-btn-minus i,
.tkbc-table .qty-box .qty-btn-plus i,
.modern-checkout-shell .u-qty-btn i {
    display: none !important;
}

.tkb-qty-pill .input-number,
.tkb-qty-pill .input-qty,
.product-page-details.product-right-box .qty-section .qty-box .input-group .input-number,
#cartOffcanvas .qty-box .input-qty,
.cart-section .qty-box .input-qty,
.tkbc-table .qty-box .input-qty,
.tkb-cart-page .qty-box .input-qty,
.modern-checkout-shell .u-qty-input,
.modern-checkout-shell .checkout-qty-input {
    flex: 1 1 auto !important;
    min-width: 28px !important;
    width: auto !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
    font-weight: 400 !important;
    font-size: var(--tkb-qty-font) !important;
    line-height: 1.2 !important;
    color: #222 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto;
    -moz-appearance: textfield;
    appearance: textfield;
}

.tkb-qty-pill .input-qty::-webkit-outer-spin-button,
.tkb-qty-pill .input-qty::-webkit-inner-spin-button,
.modern-checkout-shell .u-qty-input::-webkit-outer-spin-button,
.modern-checkout-shell .u-qty-input::-webkit-inner-spin-button,
.modern-checkout-shell .checkout-qty-input::-webkit-outer-spin-button,
.modern-checkout-shell .checkout-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-page-details.product-right-box .qty-section {
    margin-bottom: 14px;
}

.product-page-details.product-right-box .qty-section .qty-box .input-group {
    --tkb-qty-h: 40px;
    --tkb-qty-min-w: 112px;
    --tkb-qty-max-w: 132px;
    --tkb-qty-btn-w: 40px;
    --tkb-qty-font: 15px;
}

#cartOffcanvas.tkb-cart-skin .cart-product .media-body .qty-box .qty-container,
#cartOffcanvas.tkb-cart-skin .cart-product .media-body .qty-box .input-group.qty-container {
    --tkb-qty-h: 32px;
    --tkb-qty-min-w: 96px;
    --tkb-qty-max-w: 108px;
    --tkb-qty-btn-w: 32px;
    --tkb-qty-font: 13px;
    width: 108px !important;
    max-width: 108px !important;
}

#cartOffcanvas.tkb-cart-skin .cart-product .media-body .input-qty {
    pointer-events: none;
}

.modern-checkout-shell .u-qty-box-inline {
    --tkb-qty-h: 30px;
    --tkb-qty-min-w: 84px;
    --tkb-qty-max-w: 96px;
    --tkb-qty-btn-w: 30px;
    --tkb-qty-font: 13px;
    margin-top: 0;
    margin-left: 6px;
    flex-shrink: 0;
}

.modern-checkout-shell .u-qty-box-inline .tkb-qty-symbol {
    font-size: 16px;
}

.tkbc-table .qty-box .qty-container {
    --tkb-qty-h: 36px;
    --tkb-qty-min-w: 100px;
    --tkb-qty-max-w: 118px;
    --tkb-qty-btn-w: 36px;
    --tkb-qty-font: 14px;
    margin-left: auto;
    margin-right: auto;
}

.cart-section .tkbc-table .tkb-qty-symbol {
    font-size: 19px;
}

.tkbc-table tbody td:nth-child(3) .qty-box {
    display: flex;
    justify-content: center;
}

.tkbc-table tbody td:nth-child(3),
.tkbc-table tbody td:nth-child(4) {
    text-align: center !important;
}

.tkbc-table tbody td:nth-child(4) .line-total-original,
.tkbc-table tbody td:nth-child(4) .line-total-discounted {
    text-align: center !important;
}

.tkbc-mobile-line .qty-container,
body .cart-section.section-b-space .cart-products-panel .qty-box .qty-container {
    --tkb-qty-h: 34px;
    --tkb-qty-min-w: 100px;
    --tkb-qty-max-w: 118px;
    --tkb-qty-btn-w: 34px;
    --tkb-qty-font: 13px;
    width: auto !important;
    max-width: var(--tkb-qty-max-w) !important;
    height: var(--tkb-qty-h) !important;
    border: 1px solid var(--site-btn-border, #e0e0e0) !important;
    border-radius: var(--site-btn-radius, 999px) !important;
    padding: 0 !important;
}

.tkbc-mobile-line .qty-btn-minus,
.tkbc-mobile-line .qty-btn-plus {
    flex: 0 0 var(--tkb-qty-btn-w, 34px) !important;
    width: var(--tkb-qty-btn-w, 34px) !important;
    min-width: var(--tkb-qty-btn-w, 34px) !important;
    max-width: var(--tkb-qty-btn-w, 34px) !important;
    height: 100% !important;
    min-height: 100% !important;
}

.tkbc-mobile-line .input-qty,
body .cart-section.section-b-space .cart-products-panel .qty-box .input-qty {
    width: auto !important;
    min-width: 28px !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    flex: 1 1 auto !important;
    padding: 0 4px !important;
}