.plan-card {
    transition: transform var(--mbs-transition), box-shadow var(--mbs-transition);
}

.plan-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--mbs-shadow-lg) !important;
}

.plan-card.plan-current {
    position: relative;
}

.plan-card .btn-checkout {
    font-weight: 600;
    transition: all var(--mbs-transition);
}

.plan-card .btn-checkout:hover {
    transform: scale(1.02);
}

.plan-price-value {
    font-size: 2.5rem;
    letter-spacing: -0.03em;
}

@media (max-width: 768px) {
    .plan-card:hover { transform: none; }
    .plan-price-value { font-size: 2rem; }
}

@media (max-width: 576px) {
    .plan-price-value { font-size: 1.75rem; }
    .plan-card .card-body { padding: 1.25rem 1rem; }
}