/* ===============================
   PRICING (OPTIMIZED & MOBILE FIXED)
================================ */

#pricing .card {
    border-radius: 16px;
    transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover (desktop only feels natural) */
@media (min-width: 769px) {
    #pricing .card:hover {
        transform: translateY(-6px);
        box-shadow: 0 14px 32px rgba(0,0,0,.14);
    }
}

/* Family Pack (desktop) */
#pricing .border-primary {
    border-width: 2px !important;
}

/* ===============================
   MOBILE SPACING FIX
================================ */

@media (max-width: 768px) {

    /* Add breathing room between cards */
    #pricing .card {
        margin-bottom: 1rem;
    }

    /* Highlighted Family Pack */
    #pricing .border-primary {
        order: -1; /* move to top */
        transform: scale(1.04);
        margin-bottom: 1.5rem; /* FIX: compensate for scale */
        box-shadow: 0 16px 36px rgba(37,99,235,.25);
        border: 2px solid var(--primary-blue);
        background: #F3F7FF;
    }

    /* Badge refinement */
    #pricing .border-primary .badge {
        font-size: 13px;
        padding: 6px 12px;
        border-radius: 20px;
    }
}