/*
 * Zoffis Home desktop polish.
 *
 * Center and contain pricing notes so they belong visually to the pricing section.
 */

/* ---------------------------------------------------------
   Pricing notes
   --------------------------------------------------------- */

@media (min-width: 761px) {
    .hs-pricing-notes {
        display: grid !important;
        gap: 10px !important;
        width: min(100%, 1080px);
        margin: 30px auto 0 !important;
        padding: 0 24px;
        text-align: center !important;
    }

    .hs-pricing-notes p {
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
        line-height: 1.55;
    }

    .hs-pricing-notes p:first-child {
        margin-bottom: 3px !important;
    }
}

/*
 * Preserve the current mobile rhythm/alignment, which already works well.
 */
@media (max-width: 760px) {
    .hs-pricing-notes {
        text-align: left;
    }

    .hs-pricing-notes p {
        text-align: left;
    }
}