.app-overlay { position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,0.7); backdrop-filter: blur(12px); display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.4s ease; }
    .app-overlay.visible { display: flex; opacity: 1; }
    .app-modal { position: relative; width: 440px; max-width: 92vw; max-height: 90vh; border-radius: 28px; overflow: visible; background: linear-gradient(180deg, rgba(40,30,22,0.85) 0%, rgba(15,10,6,0.95) 100%); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 40px 100px rgba(0,0,0,0.6), 0 0 80px rgba(197,85,24,0.08); backdrop-filter: blur(40px); padding: 40px 36px; animation: app-modal-in 0.4s cubic-bezier(0.34,1.56,0.64,1); }
    @keyframes app-modal-in { 0% { opacity: 0; transform: scale(0.9) translateY(20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }
    .app-close { position: absolute; top: 16px; right: 20px; background: none; border: none; color: rgba(255,255,255,0.5); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; cursor: pointer; transition: color 0.2s; }
    .app-close:hover { color: #fff; }
    .app-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; color: #fff; text-align: center; margin-bottom: 6px; }
    .app-sub { font-family: 'Mona Sans', 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.55); text-align: center; margin-bottom: 28px; }
    .app-sub strong { color: rgba(255,255,255,0.85); font-weight: 600; }
    .app-form { display: flex; flex-direction: column; gap: 12px; }
    .app-input { width: 100%; height: 46px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.18); background: rgba(10,10,16,0.25); backdrop-filter: blur(18px) saturate(1.8) brightness(0.85); padding: 0 24px; font-family: var(--fb, -apple-system, sans-serif); font-size: 16px; font-weight: 400; color: #fff; outline: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.35); transition: border-color 0.4s, background 0.4s, box-shadow 0.4s; }
    .app-input::placeholder { color: rgba(255,255,255,0.35); font-weight: 300; }
    .app-input:focus { border-color: rgba(197,85,24,0.4); background: rgba(197,85,24,0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.5), 0 12px 32px rgba(0,0,0,0.4), 0 0 25px rgba(197,85,24,0.12); }
    .app-phone-row { display: flex; gap: 8px; }
    .app-phone-prefix { width: 100px; flex-shrink: 0; height: 46px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.18); background: rgba(10,10,16,0.25); backdrop-filter: blur(18px) saturate(1.8) brightness(0.85); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.35); display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; color: rgba(255,255,255,0.6); padding: 0 14px; }
    .app-submit { margin-top: 8px; display: flex; justify-content: center; }
    .auth-links { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px; }
    .auth-link { font-family: 'Mona Sans', 'Plus Jakarta Sans', sans-serif; font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.3s; }
    .auth-link:hover { color: #FF8C55; }
    .auth-link strong { color: #C55518; font-weight: 600; }
    .auth-inline-link { color: #C55518; text-decoration: none; transition: color 0.3s; }
    .auth-inline-link:hover { color: #FF8C55; }
    .auth-state { animation: auth-fade-in 0.3s ease; }
    @keyframes auth-fade-in { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }

    /* ── Checkout Modal ── */
    .checkout-modal { position: relative; width: 880px; max-width: 95vw; max-height: 92vh; border-radius: 28px; overflow: visible; background: linear-gradient(180deg, rgba(40,30,22,0.88) 0%, rgba(12,8,4,0.96) 100%); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 40px 100px rgba(0,0,0,0.7), 0 0 80px rgba(197,85,24,0.06); backdrop-filter: blur(40px); padding: 44px 40px; }
    .checkout-close-btn { position: absolute; top: -18px; right: -18px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.15); background: rgba(20,15,10,0.9); backdrop-filter: blur(20px); color: rgba(255,255,255,0.6); font-size: 16px; cursor: pointer; z-index: 30; display: flex; align-items: center; justify-content: center; transition: all 0.3s; box-shadow: 0 4px 16px rgba(0,0,0,0.5); }
    .checkout-close-btn:hover { background: rgba(197,85,24,0.3); border-color: rgba(197,85,24,0.4); color: #fff; transform: scale(1.1); }
    .checkout-split { display: flex; gap: 40px; }
    .checkout-left { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .co-prc { width: 340px; flex-shrink: 0; align-self: flex-start; margin-top: -100px; }
    .co-prc .prc-inner { padding: 24px 24px 20px; }
    .co-prc .prc-features { margin-bottom: 6px !important; min-height: unset !important; }
    .co-prc .prc-extra-toggle { margin-top: 0 !important; margin-bottom: 0 !important; padding: 4px 0 !important; }
    .co-prc .prc-extras { display: none !important; margin-top: 6px !important; }
    .co-prc .prc-extras.visible { display: flex !important; }
    .co-prc .duration-toggle { margin-top: 8px; }
    .checkout-plan-name { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; color: #fff; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; }
    .checkout-features { display: flex; flex-direction: column; gap: 6px; }
    .co-feat { display: flex; align-items: center; gap: 8px; font-family: 'Mona Sans', sans-serif; font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.7); }
    .co-feat svg { width: 14px; height: 14px; flex-shrink: 0; }
    .checkout-extras { display: flex; flex-direction: column; gap: 4px; }
    .co-extra { display: flex; align-items: center; gap: 8px; font-family: 'Mona Sans', sans-serif; font-size: 13px; font-weight: 500; color: #FF8C55; }
    .co-extra::before { content: '+'; font-weight: 700; font-size: 14px; }
    .checkout-duration { display: flex; gap: 6px; }
    .co-dur { flex: 1; height: 36px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.12); background: rgba(10,10,16,0.3); color: rgba(255,255,255,0.5); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.3s; position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; }
    .co-dur:hover { border-color: rgba(255,255,255,0.25); color: rgba(255,255,255,0.8); }
    .co-dur.active { background: rgba(197,85,24,0.25); border-color: rgba(197,85,24,0.4); color: #fff; box-shadow: 0 0 20px rgba(197,85,24,0.15); }
    .co-save { font-size: 10px; color: #FF8C55; font-weight: 700; }
    .checkout-divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent); margin: 4px 0; }
    .checkout-price { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 32px; font-weight: 800; color: #fff; text-align: center; transition: transform 0.3s, color 0.3s; }
    .checkout-price-sub { font-family: 'Mona Sans', sans-serif; font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.4); text-align: center; }
    .checkout-pci { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 4px; }
    .checkout-pci-text { font-family: 'Mona Sans', sans-serif; font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.35); }
    /* Upsell banner */
    .checkout-upsell { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px; background: linear-gradient(135deg, rgba(197,85,24,0.12) 0%, rgba(197,85,24,0.04) 100%); border: 1px solid rgba(197,85,24,0.2); cursor: pointer; transition: all 0.35s; margin-top: 4px; }
    .checkout-upsell:hover { background: linear-gradient(135deg, rgba(197,85,24,0.22) 0%, rgba(197,85,24,0.08) 100%); border-color: rgba(197,85,24,0.4); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(197,85,24,0.15); }
    .upsell-icon { color: #FF8C55; flex-shrink: 0; }
    .upsell-text { flex: 1; }
    .upsell-text strong { display: block; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; font-weight: 700; color: #FF8C55; }
    .upsell-text span { font-family: 'Mona Sans', sans-serif; font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.5); }
    .upsell-arrow { color: #FF8C55; flex-shrink: 0; transition: transform 0.3s; }
    .checkout-upsell:hover .upsell-arrow { transform: translateX(3px); }
    .checkout-upsell.hidden { display: none; }
    /* Step indicator */
    .co-step-indicator { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; font-weight: 600; }
    .co-step-num { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.3); font-size: 12px; }
    .co-step-active { width: 28px; height: 28px; border-radius: 50%; background: rgba(197,85,24,0.4); border: 1.5px solid rgba(197,85,24,0.6); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; box-shadow: 0 0 15px rgba(197,85,24,0.2); }
    .co-step-done { width: 28px; height: 28px; border-radius: 50%; background: rgba(76,175,80,0.2); border: 1.5px solid rgba(76,175,80,0.4); display: flex; align-items: center; justify-content: center; color: #4CAF50; font-size: 12px; }
    .co-step-arrow { color: rgba(255,255,255,0.2); font-size: 16px; }
    /* Card input with brand icon */
    .co-card-input { padding-right: 60px !important; }
    .co-card-brand { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 6px; pointer-events: none; font-size: 13px; font-weight: 700; transition: all 0.3s; }
    .co-card-brand svg { width: 32px; height: 20px; }
    .co-card-brand.visa { color: #1a1f71; }
    .co-card-brand.mastercard { color: #ff5f00; }
    /* Pay total bar */
    .co-pay-total { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-radius: 14px; background: rgba(197,85,24,0.08); border: 1px solid rgba(197,85,24,0.15); margin-top: 8px; }
    .co-pay-total span { font-family: 'Mona Sans', sans-serif; font-size: 14px; color: rgba(255,255,255,0.6); }
    .co-pay-total strong { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 24px; font-weight: 800; color: #fff; }
    .co-pay-secure { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; font-family: 'Mona Sans', sans-serif; font-size: 11px; color: rgba(255,255,255,0.3); }
    .co-pay-secure svg { color: rgba(76,175,80,0.6); }
    /* Result screens */
    .co-result-content { text-align: center; padding: 40px 40px 30px; }
    .co-result-icon { margin: 0 auto 24px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
    .co-result-details { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; max-width: 320px; margin-left: auto; margin-right: auto; }
    .co-result-row { display: flex; justify-content: space-between; padding: 8px 16px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
    .co-result-row span { font-family: 'Mona Sans', sans-serif; font-size: 13px; color: rgba(255,255,255,0.45); }
    .co-result-row strong { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; font-weight: 600; color: #fff; }
    .co-fail-tips { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; max-width: 360px; margin-left: auto; margin-right: auto; }
    .co-fail-tip { display: flex; align-items: center; gap: 8px; font-family: 'Mona Sans', sans-serif; font-size: 13px; color: rgba(255,255,255,0.5); text-align: left; }
    .co-fail-tip svg { color: rgba(244,67,54,0.5); flex-shrink: 0; }
    /* Card field validation states */
    .co-field-valid { border-color: rgba(76,175,80,0.4) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 15px rgba(76,175,80,0.1) !important; }
    .co-field-invalid { border-color: rgba(244,67,54,0.4) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 15px rgba(244,67,54,0.1) !important; }
    .co-field-valid { border-color: rgba(197,85,24,0.4) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 15px rgba(197,85,24,0.1) !important; }
    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    /* Payment title — gradient like site titles */
    .co-pay-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; letter-spacing: -0.025em; text-align: center; margin-bottom: 4px; background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.78) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    /* Result title — gradient */
    .co-result-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; letter-spacing: -0.025em; text-align: center; margin-bottom: 8px; }
    .co-success-title { background: linear-gradient(180deg, #FF8C55 0%, rgba(197,85,24,0.8) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .co-fail-title { background: linear-gradient(180deg, #FF8C55 0%, rgba(197,85,24,0.6) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    /* Accepted cards logos */
    .co-accepted-cards { text-align: center; }
    .co-accepted-label { font-family: 'Mona Sans', sans-serif; font-size: 11px; color: rgba(255,255,255,0.3); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; }
    .co-accepted-logos { display: flex; justify-content: center; gap: 10px; }
    .co-card-logo { width: 52px; height: 34px; border-radius: 6px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03); display: flex; align-items: center; justify-content: center; padding: 4px; }
    .co-card-logo svg { width: 100%; height: 100%; }
    /* Result rows with icons */
    .co-result-row span { display: flex; align-items: center; gap: 6px; }
    .co-result-row span svg { color: rgba(197,85,24,0.5); flex-shrink: 0; }
    /* Success split layout */
    .checkout-step-result { overflow: visible !important; }
    .co-success-split { display: flex; gap: 32px; padding: 30px 36px; overflow: visible; }
    .co-success-left { flex: 1; min-width: 0; }
    .co-success-right { width: 280px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
    /* Popcorn scene */
    .co-popcorn-scene { position: relative; width: 260px; height: 340px; overflow: visible; }
    .co-popcorn-box { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 240px; height: 300px; }
    .co-popcorn-box img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 15px 35px rgba(0,0,0,0.6)); }
    /* Flying kernels */
    .co-kernels { position: absolute; bottom: 220px; left: 50%; width: 0; height: 0; z-index: 10; overflow: visible; }
    .co-kernel { position: absolute; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.5)); }
    .co-kernel img { width: 100%; height: 100%; object-fit: contain; }
    /* Enjoy text */
    .co-enjoy-text { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px; font-weight: 300; color: rgba(255,255,255,0.6); text-align: center; line-height: 1.4; }
    .co-enjoy-text strong { font-weight: 800; display: block; font-size: 28px; background: linear-gradient(180deg, #FF8C55 0%, #C55518 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    @media (max-width: 720px) { .co-success-split { flex-direction: column; } .co-success-right { width: 100%; } }

    /* ── Auth Flow: SMS Verify, Success, Already Registered ── */
    .auth-sms-code { display: flex; justify-content: center; margin: 16px 0; }
    .auth-sms-code input { width: 200px; height: 52px; text-align: center; font-size: 28px; font-weight: 700; letter-spacing: 8px; border-radius: 14px; border: 1.5px solid rgba(255,255,255,0.18); background: rgba(10,10,16,0.25); color: #fff; outline: none; transition: border-color 0.3s; }
    .auth-sms-code input:focus { border-color: rgba(197,85,24,0.5); box-shadow: 0 0 20px rgba(197,85,24,0.12); }
    .auth-timer { font-family: 'Mona Sans', sans-serif; font-size: 13px; color: rgba(255,255,255,0.4); text-align: center; margin-top: 8px; }
    .auth-timer strong { color: #FF8C55; font-weight: 700; }
    .auth-resend { display: none; text-align: center; margin-top: 8px; }
    .auth-resend a { font-family: 'Mona Sans', sans-serif; font-size: 13px; color: #FF8C55; text-decoration: none; font-weight: 600; }
    .auth-resend a:hover { color: #fff; }
    /* Registration success */
    .auth-cred-box { display: flex; flex-direction: column; gap: 8px; margin: 16px 0; }
    .auth-cred-row { display: flex; justify-content: space-between; padding: 10px 18px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
    .auth-cred-row span { font-family: 'Mona Sans', sans-serif; font-size: 14px; color: rgba(255,255,255,0.5); }
    .auth-cred-row strong { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 700; color: #fff; }
    .auth-success-btns { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
    /* Already registered */
    .auth-already-msg { font-family: 'Mona Sans', sans-serif; font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.5; text-align: left; margin-bottom: 16px; }
    .auth-already-msg strong { color: #fff; font-weight: 700; }
    .auth-already-msg a { color: #FF8C55; text-decoration: underline; font-weight: 600; }
    .auth-recovery-row { text-align: center; margin-bottom: 10px; }
    .auth-recovery-row span { font-family: 'Mona Sans', sans-serif; font-size: 12px; color: rgba(255,255,255,0.35); }
    /* Form error messages */
    .form-error { display: none; font-family: 'Mona Sans', sans-serif; font-size: 12px; color: #ff4444; margin-top: -4px; padding-left: 16px; }
    .form-success { display: none; font-family: 'Mona Sans', sans-serif; font-size: 12px; color: #57bb03; margin-top: -4px; padding-left: 16px; }
    .form-error.visible { display: block; }
    /* Extras upsell message in checkout */
    .co-extras-wrapper { padding: 12px; border-radius: 14px; background: rgba(197,85,24,0.08); border: 1.5px solid rgba(255,140,85,0.3); margin-bottom: 10px; animation: upsell-pulse 1.5s ease-in-out infinite; }
    .co-extras-wrapper.hidden { display: none; }
    .co-extras-upsell { font-family: 'Mona Sans', sans-serif; font-size: 13px; font-weight: 700; color: #fff; text-align: center; padding: 8px 10px; border-radius: 8px; background: rgba(255,140,85,0.15); margin-bottom: 8px; }
    .co-extras-upsell.hidden { display: none; }
    @keyframes upsell-pulse { 0%,100% { box-shadow: 0 0 0 rgba(255,140,85,0); border-color: rgba(255,140,85,0.3); } 50% { box-shadow: 0 0 20px rgba(255,140,85,0.3); border-color: rgba(255,140,85,0.6); } }
    .co-extras-upsell.hidden { display: none; }
    /* Payment pending */
    .co-pending-spinner { width: 60px; height: 60px; border: 3px solid rgba(197,85,24,0.15); border-top-color: #FF8C55; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; }

    @media (max-width: 720px) {
      /* Overlay: scrollable container on mobile */
      .app-overlay { align-items: flex-start; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
      /* Auth modal: full-width, natural height, scrolls inside overlay */
      .app-modal { width: 100%; max-width: 100vw; max-height: none; height: auto; min-height: 100vh; border-radius: 0; padding: 60px 24px 40px; overflow: visible; backdrop-filter: none; }
      .app-modal .checkout-close-btn { position: absolute; top: 14px; right: 14px; z-index: 50; }
      .app-title { font-size: 24px; }
      .app-sub { font-size: 13px; margin-bottom: 20px; }
      /* Checkout modal: full-width, natural height, scrolls inside overlay */
      .checkout-modal { width: 100%; max-width: 100vw; max-height: none; height: auto; min-height: auto; border-radius: 0; padding: 60px 16px 40px; overflow: visible; backdrop-filter: none; }
      .checkout-modal > .checkout-close-btn { position: absolute; top: 14px; right: 14px; z-index: 50; }
      .checkout-split { flex-direction: column; gap: 20px; }
      .checkout-left { width: 100%; }
      .checkout-modal .co-prc { width: 100% !important; margin-top: 0 !important; align-self: auto !important; opacity: 1 !important; visibility: visible !important; display: flex !important; min-height: 200px; }
      .checkout-modal .co-prc .prc-inner { opacity: 1 !important; visibility: visible !important; position: relative; z-index: 5; }
      .checkout-modal .co-prc .prc-name,
      .checkout-modal .co-prc .prc-feat,
      .checkout-modal .co-prc .prc-price,
      .checkout-modal .co-prc .prc-price-sub,
      .checkout-modal .co-prc .extra-row:not(.on),
      .checkout-modal .co-prc .dur-pill,
      .co-extras-upsell { opacity: 1 !important; visibility: visible !important; color: #fff !important; }
      .co-prc .prc-inner { padding: 20px 16px 16px; }
      .co-step-indicator { margin-bottom: 16px; flex-wrap: wrap; justify-content: center; }
      .app-form { gap: 10px; }
      .app-input { height: 46px; font-size: 16px; }
      .co-pay-title { font-size: 22px; }
      .checkout-price { font-size: 26px; }
      .checkout-plan-name { font-size: 18px; }
      .co-pay-total { padding: 12px 16px; }
      .co-pay-total strong { font-size: 20px; }
      .checkout-duration { flex-wrap: wrap; }
      .co-dur { height: 40px; font-size: 13px; }
      .co-accepted-logos { flex-wrap: wrap; }
      .co-success-split { flex-direction: column; padding: 20px 16px; }
      .co-success-right { width: 100%; }
      .co-popcorn-scene { width: 180px; height: 240px; margin: 0 auto; }
      .co-result-content { padding: 24px 16px 20px; }
      .co-result-title { font-size: 22px; }
      .checkout-upsell { padding: 10px 12px; }
    }