/* feal-toast.css v1.0.2 — правый верх; лёгкие переходы, меньше тени */

.feal-toast {
    position: fixed;
    top: max(12px, env(safe-area-inset-top, 0px));
    right: 12px;
    bottom: auto;
    left: auto;
    z-index: 99950;
    max-width: min(280px, calc(100vw - 24px));
    padding: 10px 14px 10px 12px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #e4e9f0;
    box-shadow: 0 4px 16px rgba(22, 27, 45, 0.08);
    transform: translate3d(calc(100% + 20px), 0, 0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        transform 0.2s ease-out,
        opacity 0.18s ease-out,
        visibility 0s linear 0.22s;
    font-family: 'Unbounded', system-ui, -apple-system, sans-serif;
    contain: layout;
}

.feal-toast.feal-toast--open {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
        transform 0.2s ease-out,
        opacity 0.18s ease-out,
        visibility 0s linear 0s;
}

.feal-toast-inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.feal-toast-badge {
    align-self: flex-start;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(135deg, #1280D0 0%, #0D6BA8 100%);
}

.feal-toast-text {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #2a3142;
}

@media (max-width: 867px) {
    .feal-toast {
        right: 10px;
        top: max(10px, env(safe-area-inset-top, 0px));
    }
}