/* ====================================================================
 * Kancbazar.ua — Release 6 (RESTORED 27.04.2026, MINIMAL)
 * Только: Toast после Add to cart + бейдж MonoPay + Empty cart блок.
 * Маска телефона / контраст / min-height / touch / drawer — НЕ ВКЛЮЧЕНЫ.
 * ====================================================================
 */

/* --- Empty cart / wishlist / compare / 404 — блок рекомендаций категорий --- */
.empty-state-recommendations {
    margin-top: 32px;
    padding: 24px;
    background: #f8f9fa;
    border-radius: 8px;
}
.empty-state-recommendations h3 {
    color: #2c3e50;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
}
.empty-state-recommendations .recommendation-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.empty-state-recommendations .recommendation-link {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #d32f2f;
    border-radius: 4px;
    color: #d32f2f;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}
.empty-state-recommendations .recommendation-link:hover {
    background: #d32f2f;
    color: #fff;
    text-decoration: none;
}

/* --- Toast после "До кошика" --- */
.add-to-cart-toast {
    position: fixed;
    top: 80px;
    right: 20px;
    background: #fff;
    border-left: 4px solid #28a745;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    padding: 16px 20px;
    z-index: 9999;
    min-width: 280px;
    max-width: 380px;
    animation: slideInRight 0.3s ease;
}
.add-to-cart-toast.error {
    border-left-color: #dc3545;
}
.add-to-cart-toast .toast-title {
    font-weight: 700;
    color: #28a745;
    margin-bottom: 4px;
    font-size: 15px;
}
.add-to-cart-toast.error .toast-title { color: #dc3545; }
.add-to-cart-toast .toast-product-name {
    font-size: 13px;
    color: #555;
    margin-bottom: 12px;
    word-wrap: break-word;
}
.add-to-cart-toast .toast-actions {
    display: flex;
    gap: 8px;
}
.add-to-cart-toast .toast-actions a {
    flex: 1;
    text-align: center;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #333;
    transition: all 0.2s;
    cursor: pointer;
}
.add-to-cart-toast .toast-actions .toast-primary {
    background: #d32f2f;
    border-color: #d32f2f;
    color: #fff;
}
.add-to-cart-toast .toast-actions .toast-primary:hover {
    background: #b71c1c;
}
.add-to-cart-toast .toast-actions a:hover { text-decoration: none; }
@keyframes slideInRight {
    from { transform: translateX(120%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@media (max-width: 600px) {
    .add-to-cart-toast {
        right: 10px;
        left: 10px;
        max-width: none;
    }
}

/* --- Бейдж "ПАКУНОК ШКОЛЯРА" біля MonoPay --- */
.oct-payment-badge {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 1.5;
    vertical-align: middle;
    white-space: nowrap;
}
.oct-payment-badge--school {
    background: #ff5722;
    color: #fff;
    box-shadow: 0 1px 3px rgba(255, 87, 34, 0.3);
}
@media (max-width: 480px) {
    .oct-payment-badge {
        display: block;
        margin-left: 0;
        margin-top: 4px;
        width: -webkit-fit-content;
        width: fit-content;
    }
}