/**
 * Compact mobile carrier and payment cards for COFIS Cart.
 * Loaded only on the COFIS checkout by GK Optimize.
 * @author CUSTOM-NOT-UPDATE
 */
@media (max-width: 767px) {
    body.page-cart #app .cc-theme .cc-free-delivery {
        display: block !important;
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    body.page-cart #app .cc-theme .cc-free-delivery__progressbar {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.page-cart #app .cc-theme .cc-carriers__main,
    body.page-cart #app .cc-theme .cc-payments__main {
        display: grid !important;
        gap: .5rem !important;
    }

    body.page-cart #app .cc-theme .cc-carrier,
    body.page-cart #app .cc-theme .cc-payment {
        display: grid !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 60px !important;
        margin: 0 !important;
        padding: .65rem .75rem !important;
        border-radius: .65rem !important;
    }

    body.page-cart #app .cc-theme .cc-carrier {
        grid-template-columns: 30px 38px minmax(0, 1fr) auto !important;
    }

    body.page-cart #app .cc-theme .cc-payment {
        grid-template-columns: 30px minmax(0, 1fr) auto !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__selector,
    body.page-cart #app .cc-theme .cc-payment__selector {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
    }

    body.page-cart #app .cc-theme .cc-selector.cc-selector--medium {
        width: 24px !important;
        height: 24px !important;
    }

    body.page-cart #app .cc-theme .cc-selector.cc-selector--medium::after {
        width: 12px !important;
        height: 12px !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__thumbnail {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 40px !important;
        padding: 0 !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__image {
        width: auto !important;
        max-width: 32px !important;
        height: auto !important;
        max-height: 26px !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__information,
    body.page-cart #app .cc-theme .cc-payment__information {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 .5rem !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__title,
    body.page-cart #app .cc-theme .cc-payment__title {
        width: auto !important;
        padding: 0 !important;
        font-size: .95rem !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__subtitle {
        display: -webkit-box !important;
        width: auto !important;
        margin-top: .15rem !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #666 !important;
        font-size: .78rem !important;
        line-height: 1.3 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__prices,
    body.page-cart #app .cc-theme .cc-payment__prices {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 !important;
        font-size: .86rem !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    body.page-cart #app .cc-theme .cc-carrier__packetery {
        margin-top: .4rem !important;
    }

    body.page-cart #app .cc-theme .cc-button--delivery-branch {
        min-height: 36px !important;
        padding: .45rem .7rem !important;
        font-size: .8rem !important;
        line-height: 1.2 !important;
    }

    /*
     * COFIS renders the modern Balikovna picker in its own popup and gives
     * the iframe a fixed 800px height. Keep the iframe within the real mobile
     * viewport so the official responsive picker can expose its confirm CTA.
     */
    body.page-cart #app .cc-theme .cc-balikovna-parcelshop__main--big .cc-popup__content {
        height: calc(100vh - 2rem) !important;
        height: calc(100dvh - 2rem) !important;
        max-height: calc(100vh - 2rem) !important;
        max-height: calc(100dvh - 2rem) !important;
        overflow: hidden !important;
    }

    body.page-cart #app .cc-theme .cc-balikovna-parcelshop__main--big .cc-popup__main,
    body.page-cart #app .cc-theme .cc-balikovna-parcelshop__main--big iframe#find_balikovna_zip_city {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    body.page-cart #app .cc-theme .cc-balikovna-parcelshop__main--big iframe#find_balikovna_zip_city {
        display: block !important;
    }
}

body.page-cart #app .cc-theme .cc-additional-services__item-action > .cc-button.cc-button--small {
    border-radius: 999px !important;
}