/* Compact product purchase flow for phone-sized screens. */
@media (max-width: 767px) {
    body.ampol-app.is-product-route .product-service-page-v123 {
        padding-bottom: 7.25rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .page-shell > nav {
        gap: .35rem !important;
        padding-block: .7rem !important;
        font-size: .5rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-service-hero {
        gap: .55rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card {
        border-radius: 1rem !important;
        padding: .62rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card__heading {
        gap: .5rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card__heading > span {
        width: 2.2rem !important;
        height: 2.2rem !important;
        border-radius: .68rem !important;
        font-size: .58rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card__heading p {
        font-size: .48rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card__heading h2 {
        margin-top: .08rem !important;
        font-size: .8rem !important;
        line-height: 1.45 !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card form {
        margin-top: .55rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-card form.space-y-4 > :not([hidden]) ~ :not([hidden]) {
        margin-top: .5rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-variant-picker {
        border-radius: .78rem !important;
        padding: .48rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-label {
        margin-bottom: .3rem !important;
        font-size: .52rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-variant-picker .grid {
        gap: .3rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-variant-option {
        min-height: 2.75rem !important;
        gap: .4rem !important;
        border-radius: .62rem !important;
        padding: .4rem .52rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-variant-option b {
        font-size: .58rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-variant-option small {
        margin-top: .08rem !important;
        font-size: .44rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-variant-option strong {
        font-size: .56rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-box {
        gap: .5rem !important;
        border-radius: .78rem !important;
        padding: .52rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-box__intro {
        gap: .48rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-box__intro > span {
        width: 2.15rem !important;
        height: 2.15rem !important;
        border-radius: .65rem !important;
        font-size: .56rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-box__intro b {
        font-size: .6rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-box__intro small {
        font-size: .46rem !important;
        line-height: 1.55 !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-field {
        min-height: 2.45rem !important;
        border-radius: .65rem !important;
        padding: .48rem .62rem !important;
        font-size: .62rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-input .product-order-field {
        font-size: .68rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-box label > small {
        margin-top: .28rem !important;
        font-size: .44rem !important;
        line-height: 1.65 !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-help {
        padding-top: .38rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-help summary {
        font-size: .48rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .free-fire-uid-help summary::before {
        width: 1rem !important;
        height: 1rem !important;
        margin-inline-end: .25rem !important;
        font-size: .58rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-confirm {
        min-height: 2.8rem !important;
        gap: .45rem !important;
        border-radius: .7rem !important;
        padding: .42rem .5rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-confirm b {
        font-size: .56rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-confirm small {
        margin-top: .1rem !important;
        font-size: .43rem !important;
        line-height: 1.45 !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-confirm > i {
        width: 1.2rem !important;
        height: 1.2rem !important;
        border-radius: .38rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-submit {
        min-height: 2.65rem !important;
        border-radius: .7rem !important;
        padding: .4rem .62rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-submit small {
        font-size: .44rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-submit b {
        margin-top: .05rem !important;
        font-size: .66rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-order-security {
        gap: .28rem .52rem !important;
        margin-top: .45rem !important;
        font-size: .4rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-mobile-buybar {
        inset-inline: .55rem !important;
        bottom: calc(4.9rem + env(safe-area-inset-bottom)) !important;
        gap: .45rem !important;
        border-radius: .88rem !important;
        padding: .38rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-mobile-buybar > div {
        padding-inline-start: .3rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-mobile-buybar small {
        font-size: .4rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-mobile-buybar b {
        margin-top: .08rem !important;
        font-size: .65rem !important;
    }

    body.ampol-app.is-product-route .product-service-page-v123 .product-mobile-buybar > a,
    body.ampol-app.is-product-route .product-service-page-v123 .product-mobile-buybar > span[aria-disabled="true"] {
        display: flex !important;
        min-width: 6.35rem !important;
        min-height: 2.35rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: .68rem !important;
        font-size: .6rem !important;
    }

    body.ampol-app.is-product-route #related-products {
        margin-top: 1.7rem !important;
    }

    body.ampol-app.is-product-route #related-products > div:first-child h2 {
        margin-top: .2rem !important;
        font-size: 1rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .48rem !important;
        margin-top: .7rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card {
        border-radius: .82rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__visual {
        aspect-ratio: 1.35 / 1 !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__body {
        padding: .48rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__body > div:first-child {
        display: none !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__body > a:not(.store-product-card__cta) {
        min-height: 2rem !important;
        margin-top: 0 !important;
        font-size: .55rem !important;
        line-height: 1.45 !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__footer {
        margin-top: .3rem !important;
        padding-top: .38rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__footer .text-xl {
        font-size: .64rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__cta {
        min-height: 1.9rem !important;
        margin-top: .35rem !important;
        border-radius: .55rem !important;
        padding: .28rem .42rem !important;
        font-size: .45rem !important;
    }

    body.ampol-app.is-product-route #related-products .store-product-card__badges {
        inset-inline: .35rem !important;
        top: .35rem !important;
        gap: .25rem !important;
    }

    body.ampol-app.is-product-route #related-products :is(.store-product-card__category,.store-product-card__fulfillment,.store-product-card__discount,.store-product-card__commercial-badge,.store-product-card__instant,.store-product-card__soldout) {
        padding: .2rem .3rem !important;
        font-size: .34rem !important;
    }
}

@media (max-width: 359px) {
    body.ampol-app.is-product-route #related-products .store-product-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}