/*
    Enchanted Garden Shop
    css/counseling.css
    Counseling page-specific overrides.

    shared.css is loaded first on every page and defines the full design
    system (colors, type, spacing, buttons, cards, forms, header/footer).
    Only page-specific adjustments belong here.
*/

.card-grid.two-col .card:last-child {
    background: var(--panel);
    border-bottom-color: var(--ruby);
}

/* These cards are shorter than the shared .card default was sized for
   (no pricing line, no icon), so the default padding and paragraph
   spacing look loose. Tighten both, scoped to this page only. */
.counseling-packages .card {
    padding: 24px 22px;
    border: 1px solid rgba(53, 71, 44, 0.12);
}

.counseling-packages .card h3 {
    margin-bottom: 8px;
}

.counseling-packages .card p {
    margin-bottom: 10px;
}

.counseling-packages.card-grid {
    gap: 18px;
}