/* =========================================================
   SuhaviMart No-Cost EMI — standalone inline price display
   v1.0.1 — overlap-safe layout
   ========================================================= */

body.single-product .summary.entry-summary p.price {
    position: relative;
}

body.single-product .summary.entry-summary p.price .suhavi-no-cost-emi-shell {
    display: none;
}

/* Desktop: keep both tenures in fixed, non-overlapping columns. */
@media (min-width: 768px) {
    body.single-product .summary.entry-summary p.price .suhavi-no-cost-emi-shell.is-mounted {
        display: inline-flex;
        align-items: baseline;
        width: auto;
        max-width: calc(100% - 290px);
        min-width: 0;
        margin-left: 16px;
        padding: 0;
        vertical-align: middle;
        background: transparent;
        border: 0;
        box-shadow: none;
        color: inherit;
        white-space: nowrap;
        overflow: visible;
    }

    body.single-product .suhavi-no-cost-emi-inline__title {
        flex: 0 0 auto;
        margin-right: 8px;
        font-size: 12px;
        line-height: 1.2;
        font-weight: 700;
        color: inherit;
        white-space: nowrap;
    }

    body.single-product .suhavi-no-cost-emi-inline__options {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: baseline;
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

    body.single-product .suhavi-no-cost-emi-inline__option {
        display: grid;
        grid-template-columns: max-content max-content max-content;
        align-items: baseline;
        min-width: 0;
        overflow: visible;
        padding: 0 10px 2px;
        white-space: normal;
        row-gap: 2px;
    }

    body.single-product .suhavi-no-cost-emi-inline__option + .suhavi-no-cost-emi-inline__option {
        border-left: 1px solid rgba(0, 0, 0, .14);
    }

    body.single-product .suhavi-no-cost-emi-inline__option:first-child {
        padding-left: 0;
    }

    body.single-product .suhavi-no-cost-emi-inline__option:last-child {
        padding-right: 0;
    }

    body.single-product .suhavi-no-cost-emi-inline__tenure {
        flex: 0 0 auto;
        margin-right: 5px;
        font-size: 10.5px;
        font-weight: 600;
        color: #555;
    }

    body.single-product .suhavi-no-cost-emi-inline__option strong {
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: 750;
        color: inherit;
    }

    body.single-product .suhavi-no-cost-emi-inline__option small {
        flex: 0 0 auto;
        margin-left: 2px;
        font-size: 9px;
        font-weight: 400;
        color: #777;
    }

    body.single-product .suhavi-no-cost-emi-inline__option em {
        grid-column: 1 / -1;
        display: block;
        min-width: 0;
        margin: 1px 0 0;
        overflow: visible;
        font-size: 8.5px;
        font-style: normal;
        font-weight: 500;
        color: #16803c;
        white-space: normal;
        line-height: 1.25;
    }
}

/* When only one tenure is eligible, let it use the full available row. */
@media (min-width: 768px) {
    body.single-product .suhavi-no-cost-emi-inline__options:has(.suhavi-no-cost-emi-inline__option:only-child) {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Mobile: title on its own line, tenures in two equal columns. */
@media (max-width: 767px) {
    body.single-product .summary.entry-summary p.price .suhavi-no-cost-emi-shell.is-mounted {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 6px 0 0;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        white-space: normal;
        overflow: hidden;
    }

    body.single-product .suhavi-no-cost-emi-inline__title {
        display: block;
        margin: 0 0 4px;
        font-size: 11px;
        line-height: 1.2;
        font-weight: 700;
    }

    body.single-product .suhavi-no-cost-emi-inline__options {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    body.single-product .suhavi-no-cost-emi-inline__option {
        display: grid;
        grid-template-columns: max-content max-content max-content;
        align-items: baseline;
        min-width: 0;
        overflow: visible;
        padding: 0 7px 2px;
        white-space: normal;
        row-gap: 2px;
    }

    body.single-product .suhavi-no-cost-emi-inline__option + .suhavi-no-cost-emi-inline__option {
        border-left: 1px solid rgba(0, 0, 0, .12);
    }

    body.single-product .suhavi-no-cost-emi-inline__option:first-child {
        padding-left: 0;
    }

    body.single-product .suhavi-no-cost-emi-inline__option:last-child {
        padding-right: 0;
    }

    body.single-product .suhavi-no-cost-emi-inline__tenure {
        flex: 0 0 auto;
        margin-right: 4px;
        font-size: 10px;
        font-weight: 600;
    }

    body.single-product .suhavi-no-cost-emi-inline__option strong {
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: 750;
    }

    body.single-product .suhavi-no-cost-emi-inline__option small {
        flex: 0 0 auto;
        margin-left: 2px;
        font-size: 9px;
    }

    body.single-product .suhavi-no-cost-emi-inline__option em {
        display: block;
        grid-column: 1 / -1;
        min-width: 0;
        margin: 1px 0 0;
        overflow: visible;
        font-size: 8.5px;
        font-style: normal;
        font-weight: 500;
        color: #16803c;
        white-space: normal;
        line-height: 1.25;
    }

    body.single-product .suhavi-no-cost-emi-inline__options:has(.suhavi-no-cost-emi-inline__option:only-child) {
        grid-template-columns: minmax(0, 1fr);
    }
}