/* Mobile-only sponsor package tabs and sticky purchase action. */
@media (min-width: 768px) {
    .iff38-sponsor-mobile-benefit-tabs,
    .iff38-sponsor-mobile-sticky {
        display: none !important;
    }
}

@media (max-width: 767px) {
    /* Hide the legacy decorative controls, which do not control ACF panels. */
    .iff38-sponsor-original [data-bsltabs] {
        display: none !important;
    }

    .iff38-sponsor-original .iff38-sponsor-package-panel {
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-width: 0;
    }

    .iff38-sponsor-original .iff38-sponsor-package-panel[hidden] {
        display: none !important;
    }

    .iff38-sponsor-mobile-benefit-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
    }

    .iff38-sponsor-mobile-benefit-tabs button {
        min-width: 0;
        min-height: 42px;
        padding: 8px 5px;
        border: 1px solid rgba(255, 255, 255, .42);
        border-radius: 24px;
        background: transparent;
        color: #fff;
        font: 800 13px/1.2 Jost, Heebo, sans-serif;
        cursor: pointer;
    }

    .iff38-sponsor-mobile-benefit-tabs button[aria-selected="true"] {
        border-color: #fff;
        background: #fff;
        color: #071a3d;
    }

    .iff38-sponsor-original .iff38-sponsor-package-price,
    .iff38-sponsor-original .iff38-sponsor-package-benefits {
        width: 100%;
        min-width: 0;
    }

    .iff38-sponsor-original .iff38-sponsor-package-benefits {
        display: block;
    }

    .iff38-sponsor-original .iff38-sponsor-package-benefits > [data-sponsor-benefit-panel][hidden] {
        display: none !important;
    }

    .iff38-sponsor-original .iff38-sponsor-package-benefits > div + div {
        border-top: 0;
        padding-top: 0;
    }

    .iff38-sponsor-original .iff38-sponsor-package-benefits h3 {
        display: none;
    }

    .iff38-sponsor-mobile-sticky:not([hidden]) {
        position: fixed;
        inset: auto 0 0;
        z-index: 120;
        display: flex;
        height: 62px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-sizing: content-box;
        background: #fff;
        box-shadow: 0 -8px 28px rgba(0, 0, 0, .15);
        border-radius: 0 0 0 0;
        overflow: hidden;
    }

    .iff38-sponsor-mobile-sticky__buy {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
        align-items: center;
        justify-content: center;
        gap: 7px;
        background: linear-gradient(90deg, #F04B47, #EB651B);
        color: #fff !important;
        font: 800 15px/1 Jost, Heebo, sans-serif;
        text-decoration: none;
        letter-spacing: .02em;
    }

    .iff38-sponsor-mobile-sticky__contact {
        display: flex;
        flex: 0 0 26%;
        align-items: center;
        justify-content: center;
        color: #071a3d !important;
        background: #fff;
        text-decoration: none;
    }

    body:has(.iff38-sponsor-mobile-sticky:not([hidden])) {
        padding-bottom: 62px;
    }
}
