/*
 * Final desktop frame for the Korean and Japanese public pricing slides.
 * This deliberately loads after landing.css: that legacy stylesheet contains
 * several overlapping responsive pricing rules, so the public-facing frame
 * needs one small, predictable final layer.
 */

@media (min-width: 1000px) {
    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-pricing-hero {
        min-height: 620px;
        height: calc(100vh - 80px);
        grid-template-columns: minmax(0, 1fr) minmax(540px, 1fr);
        gap: clamp(42px, 4vw, 68px);
        padding: 32px clamp(68px, 6vw, 104px);
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-pricing-hero-copy {
        max-width: 590px;
        margin: 0;
        transform: translateY(-28px);
        text-align: left;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-pricing-hero h1 {
        font-size: clamp(2.5rem, 3.4vw, 3.4rem);
        line-height: 1.08;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-title-pill {
        margin: 12px 0;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-hero-subtext {
        margin-right: 0;
        margin-left: 0;
        font-size: 1rem;
        line-height: 1.45;
        text-align: left;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-benefit-cards-container {
        width: 100%;
        max-width: 590px;
        gap: 8px;
        margin: 18px 0 0;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-benefit-card {
        min-height: 62px;
        padding: 9px 16px;
        border-radius: 16px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-benefit-card-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 12px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-benefit-card-icon svg {
        width: 22px;
        height: 22px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-benefit-card-text {
        font-size: 0.9rem;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-benefit-card-check {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-hero-payments-wrapper {
        width: 100%;
        max-width: 640px;
        margin: 0;
        transform: translateY(-70px);
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-hero-payments {
        width: 100%;
        max-width: 640px;
        min-height: 0;
        padding: 26px 29px;
        border-radius: 24px;
        box-sizing: border-box;
        transform: none;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-payment-header {
        gap: 16px;
        margin-bottom: 20px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-lock-badge {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-lock-badge svg {
        width: 29px;
        height: 29px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-payment-header h2 {
        font-size: 1.22rem;
        line-height: 1.32;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-payment-divider {
        margin: 20px 0 16px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-payment-badge-grid {
        gap: 12px;
        margin-bottom: 18px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-card-brand-pill {
        height: 66px;
        border-radius: 16px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-card-brand-pill img {
        max-height: 29px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-payment-featured-box {
        gap: 14px;
        margin-bottom: 18px;
        padding: 16px 19px;
        border-radius: 18px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-featured-logo-frame {
        height: 64px;
        min-width: 150px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-featured-info strong {
        font-size: 1rem;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-featured-info span.subtext {
        font-size: 0.82rem;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-trust-footprint {
        padding-top: 18px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-trust-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-trust-text strong {
        font-size: 0.8rem;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-trust-text span {
        font-size: 0.7rem;
    }

    :is(body.market-kr, body.market-jp, html[lang="ja"] body) .kr-currency-capsule {
        margin-top: 18px;
        text-align: center;
    }

    :is(body.market-jp, html[lang="ja"] body) .jp-pricing-hero .kr-pricing-hero-copy {
        max-width: 560px;
        transform: translateY(-22px);
    }

    :is(body.market-jp, html[lang="ja"] body) .jp-pricing-hero h1 {
        font-size: clamp(2.28rem, 3.05vw, 3.1rem);
        line-height: 1.12;
    }
}