#commerce-product-toasts {
    z-index: 1091;
    pointer-events: none;
}

#commerce-product-toasts .toast {
    pointer-events: auto;
    opacity: 1;
    transform: none;
}

#commerce-product-toasts .toast:not(.show) {
    display: none;
}

#commerce-product-toasts .toast.show {
    display: block;
}

#cartOffcanvas .cart-offcanvas-item:first-child {
    border-top: 0 !important;
    padding-top: 0;
}

/* Theme .count-input binds [data-increment]/[data-decrement] and crashes
   without them. Commerce steppers use their own actions. */
.cunits-count-input {
    display: inline-flex;
    align-items: center;
}

.cunits-count-input .form-control {
    width: 1.5rem;
    padding: 0;
    text-align: center;
    -moz-appearance: textfield;
    background: 0 !important;
    border: 0;
    font-size: var(--ar-body-font-size);
    font-weight: 500;
}

.cunits-count-input .form-control::-webkit-outer-spin-button,
.cunits-count-input .form-control::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.cunits-count-input .btn {
    --ar-btn-color: var(--ar-gray-800) !important;
    --ar-btn-hover-color: var(--ar-primary) !important;
    --ar-btn-active-color: var(--ar-primary) !important;
    --ar-btn-hover-border-color: transparent;
    --ar-btn-active-border-color: transparent;
    --ar-btn-font-weight: 500;
}

#cartOffcanvas .cunits-count-input .cunits-count,
.account-cart .cunits-count-input .cunits-count {
    width: 3.25rem;
}

/* Product page: one-click order under cart CTA, outside the flex line */
.cunits-product .cunits-quick-order-link {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    color: var(--ar-primary);
}

.cunits-product .cunits-quick-order-link:hover,
.cunits-product .cunits-quick-order-link:focus {
    color: var(--ar-primary);
    text-decoration: underline;
}

/* “In cart” under quantity stepper */
.cunits-product .cunits-in-cart {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
    white-space: nowrap;
    color: var(--ar-success);
}

@media (max-width: 991.98px) {
    .account-wishlist .card-hover .btn.opacity-0 {
        opacity: 1 !important;
    }
}

form[data-commerce-order] .form-control,
form[data-commerce-order] .form-select,
form[data-commerce-order] .select2-container {
    scroll-margin-top: 6rem;
}

form[data-commerce-order] .checkout-req {
    color: var(--ar-danger);
    font-weight: 800;
    font-size: 1.05em;
    line-height: 1;
    margin-left: 0.15em;
}

@media (min-width: 992px) {
    [data-checkout-layout] {
        align-items: stretch;
    }

    .checkout-cart-sticky.is-checkout-sticky,
    .checkout-form-sticky.is-checkout-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 6rem;
        z-index: 2;
    }
}

/* Keep amount + currency on one line (e.g. "2,641.20 грн") */
.commerce-price,
.cunits-total,
.cunits-total-old,
.cunits-unit-price,
.cunits-old-price,
.account-cart .text-end,
#cartOffcanvas .text-end,
.checkout-cart .text-end,
.account-orders .fs-sm.fw-medium.text-dark {
    white-space: nowrap;
}

/* Out of stock badge (product card, lists, wishlist) */
.product-oos-badge {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    vertical-align: middle;
}

.cunits-product .product-oos-badge,
.oneProductGrid .product-oos-badge,
[data-cunits-wishlist] .product-oos-badge {
    margin-left: 0.35rem;
}

.product-in-cart-badge {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    vertical-align: middle;
}

/* No popovers on touch / coarse pointers (phones, many tablets) */
@media (hover: none), (pointer: coarse) {
    .popover {
        display: none !important;
    }
}

.cattach {
    min-width: 0;
    flex: 1 1 100%;
}

.cattach-add {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.cattach.is-busy {
    opacity: 0.65;
    pointer-events: none;
}

.cattach-link {
    color: var(--ar-primary);
    word-break: break-all;
}

.cattach-order .cattach-drop {
    border: 2px dashed #c5ced8;
    border-radius: 12px;
    padding: 22px 16px;
    text-align: center;
    background: #f6f9fc;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.cattach-order.is-dragover .cattach-drop,
.cattach-order .cattach-drop:hover {
    border-color: var(--ar-primary);
    background: #eef7f3;
}

.cattach-drop-msg {
    font-size: 0.875rem;
    color: #576071;
}

.cattach-order .cattach-list {
    margin-top: 10px;
}