/* Two-column container */
.pricing-columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-top: 20px;
}

/* Each column gets half the width */
.pricing-col {
    flex: 1;
    min-width: 300px;
}

/* Make it stack on smaller screens */
@media (max-width: 768px) {
    .pricing-columns {
        flex-direction: column;
    }
}

/* --- Pricing Table (left column) --- */
/* Pricing table: behave like a table */
.pricing-table {
    display: table;
    width: auto; /* shrink to content */
    margin-bottom: 15px;
    border-collapse: collapse;
}

/* Each row */
.pricing-row {
    display: table-row;
}

/* People column */
.pricing-column.pricing-people {
    display: table-cell;
    padding: 4px 15px 4px 0; /* right padding before price */
    font-weight: bold;
    white-space: nowrap; /* don’t wrap “1 Person” */
}

/* Price column */
.pricing-column.pricing-price {
    display: table-cell;
    padding: 4px 0;
    white-space: nowrap;
    text-align: left; /* keep it tight, not pushed far right */
}

/* Button under table */
.pricing-button-container {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 40px;
    border: 0px solid red;

}
.price-intro {
    margin-bottom: 40px;
    border: 0px solid red;
}

/* Notes section full width */
.pricing-notes,
.pricing-notes .checklist ul li:before {
    margin-top: 30px;
    font-size: 0.8em;
}

/* Responsive: stack vertically on small screens */
@media (max-width: 768px) {
    .pricing-columns {
        flex-direction: column;
    }
    .pricing-col {
        flex: 1 1 100%;
        max-width: 100%;
    }
}