.vps-calc-sticky {
    display: none;
}

@media (max-width: 991px) {
    .vps-calc-sticky {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        transform: translateY(110%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform 0.25s ease, opacity 0.2s ease, visibility 0.25s ease;
    }

    .vps-calc-sticky.is-visible {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .vps-calc-sticky__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
        background: var(--white);
        border-top: 1px solid var(--bg-color-hover);
        box-shadow: 0 -8px 28px rgba(26, 26, 26, 0.1);
    }

    .vps-calc-sticky__info {
        min-width: 0;
        flex: 1;
    }

    .vps-calc-sticky__label {
        font-size: 12px;
        line-height: 1.2;
        color: var(--mute);
        margin-bottom: 2px;
    }

    .vps-calc-sticky__price {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        color: var(--dark);
        white-space: nowrap;
    }

    .vps-calc-sticky__specs {
        margin-top: 2px;
        font-size: 11px;
        line-height: 1.3;
        color: var(--mute);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vps-calc-sticky__specs:empty {
        display: none;
    }

    .vps-calc-sticky__btn {
        flex-shrink: 0;
        min-width: 120px;
        padding: 14px 18px;
        font-size: 16px;
        border-radius: 8px;
    }

    body.vps-calc-sticky-active {
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 540px) {
    .vps-calc-sticky__inner {
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    }

    .vps-calc-sticky__price {
        font-size: 18px;
    }

    .vps-calc-sticky__btn {
        min-width: 108px;
        padding: 12px 14px;
        font-size: 15px;
    }
}
