@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600;700&display=swap');
.sat-checkout{color:#ece9e0;background:radial-gradient(ellipse at 50% 0,#193246 0,transparent 60%),#0b1520;border:1px solid #506477;border-radius:22px;padding:0;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-shadow:0 28px 110px #000b;font:14px/1.6 'Noto Sans KR',sans-serif;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sat-checkout::backdrop{background:#02070dce;backdrop-filter:blur(7px)}
.sat-checkout *{box-sizing:border-box}.sat-checkout button,.sat-checkout input{font:inherit}.sat-checkout button{cursor:pointer}.sat-checkout button:focus-visible,.sat-checkout a:focus-visible{outline:2px solid #c8dff3;outline-offset:4px}.sat-checkout button:disabled{cursor:wait;opacity:.55}
.sat-checkout .sat-close{position:absolute;right:16px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff0a;color:#b8c8d5;font:25px/1 sans-serif;z-index:1}
.sat-checkout .sat-inner{padding:32px 24px 24px}.sat-checkout .sat-kicker{color:#cdb884;letter-spacing:.15em;font-size:10px;text-align:center;margin:0 0 10px}.sat-checkout h2{font:600 26px/1.55 'Noto Serif KR',serif;text-align:center;letter-spacing:-.055em;margin:0 0 10px;color:#f2e9d6}.sat-checkout .sat-intro{margin:0 0 22px;text-align:center;color:#adc1d0;font-size:13px;line-height:1.8}.sat-checkout .sat-options{border:0;margin:0;padding:0;display:grid;gap:10px}.sat-checkout .sat-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sat-checkout .sat-choice{position:relative;display:block;cursor:pointer;border:1px solid #3a4f62;background:#0a1520a3;border-radius:12px;padding:16px}.sat-checkout .sat-choice:has(input:checked){border-color:#d8bb7e;background:linear-gradient(130deg,#29404c,#192837);box-shadow:inset 0 0 0 1px #d8bb7e33}.sat-checkout .sat-choice:has(input:focus-visible){outline:2px solid #b6d8ff;outline-offset:3px}.sat-checkout .sat-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.sat-checkout .sat-choice-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.sat-checkout .sat-choice-title{font-weight:600;font-size:16px;color:#edf1f2}.sat-checkout .sat-choice-circle{border:1px solid #7b8d9a;border-radius:50%;width:17px;height:17px;flex-shrink:0}.sat-checkout .sat-choice:has(input:checked) .sat-choice-circle{border:5px solid #e0c488;background:#11202b}.sat-checkout .sat-choice-desc{font-size:12px;color:#a9bdcb;display:block;margin-top:6px}.sat-checkout .sat-choice-price{display:block;text-align:right;font-size:20px;color:#ead5ac;font-weight:600;margin-top:9px}.sat-checkout .sat-choice-price small{font-weight:400;font-size:12px}.sat-checkout .sat-extra{display:block;color:#d6c28d;font-size:11px;margin-top:9px}.sat-checkout .sat-benefits{display:flex;justify-content:center;gap:16px;padding:16px 0;color:#b4c5d3;font-size:11px}.sat-checkout .sat-total{border-top:1px solid #344653;padding-top:16px;display:flex;justify-content:space-between;align-items:center;color:#b9c9d3;font-size:13px}.sat-checkout .sat-total strong{font-size:24px;color:#f1ddae}.sat-checkout .sat-pay{display:block;width:100%;margin-top:17px;padding:15px;border:1px solid #e5cf9f;border-radius:10px;background:linear-gradient(115deg,#e7d5ab,#cbb27c);color:#18232b;font-weight:700;font-size:16px;box-shadow:0 6px 28px #b9934717}.sat-checkout .sat-note{color:#879eaf;text-align:center;font-size:11px;line-height:1.75;margin:12px 0 0}.sat-checkout .sat-error{color:#f2baaa;font-size:12px;line-height:1.7;margin:12px 0 0;white-space:pre-line}.sat-checkout .sat-status-icon{display:block;text-align:center;color:#e7d5ab;font-size:42px;margin:10px 0 18px}.sat-checkout .sat-result-copy{font-size:14px;color:#b9cbd8;text-align:center;line-height:1.9;margin:18px 0 24px;word-break:keep-all}.sat-checkout .sat-result-details{border:1px solid #344958;background:#0b1520;border-radius:12px;padding:16px;margin:0 0 20px}.sat-checkout .sat-result-details p{display:flex;justify-content:space-between;gap:15px;margin:5px 0;color:#a9bdcb;font-size:12px}.sat-checkout .sat-result-details strong{color:#e8d6af}.sat-checkout .sat-return{display:block;text-align:center;color:#c1d2df;font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:16px}.sat-checkout .sat-help{display:block;text-align:center;margin:12px 0;color:#b7c9d6;font-size:13px}
body.sat-checkout-page{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#193348,#050a10 65%);padding:24px 0;color:#e9e5da;font-family:'Noto Sans KR',sans-serif}.sat-checkout-page>p{position:fixed;bottom:12px;font-size:11px;color:#8297a7}.sat-checkout-page .sat-checkout{position:relative;margin:auto}
@media(max-width:370px){.sat-checkout .sat-inner{padding:30px 18px 20px}.sat-checkout h2{font-size:23px}.sat-checkout .sat-choice-title{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.sat-checkout[open]{animation:sat-modal-in .24s ease-out}@keyframes sat-modal-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

.sat-checkout .sat-total{margin-top:20px}

.sat-checkout .sat-price-block{display:flex;justify-content:flex-end;align-items:baseline;gap:12px;text-align:right;margin-top:10px;white-space:nowrap}.sat-checkout .sat-original-price{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:12px;line-height:1.5}.sat-checkout .sat-original-price del{color:#8497a5}.sat-checkout .sat-original-price b{color:#f0c27f;font-size:12px;font-weight:600}.sat-checkout .sat-price-block .sat-choice-price{margin-top:0;font-size:23px}

/* Bottom sheet: anchored to the viewport, with a fixed purchase action. */
html:has(.sat-checkout[open]){overflow:hidden}
.sat-checkout, .sat-checkout-page .sat-checkout{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:480px;max-height:90dvh;border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -16px 64px #0008}
.sat-checkout::before{content:'';position:absolute;top:9px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:#68809466;z-index:2}
.sat-checkout::backdrop{background:#02070dad;backdrop-filter:blur(3px)}
.sat-checkout.sat-selecting{overflow:hidden}
.sat-checkout.sat-selecting .sat-inner{display:flex;flex-direction:column;max-height:90dvh;overflow:hidden;padding:0}
.sat-checkout .sat-sheet-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 18px;scrollbar-width:thin}
.sat-checkout .sat-sheet-content h2{font-size:23px;line-height:1.5;margin-bottom:8px}
.sat-checkout .sat-kicker{margin-bottom:8px}
.sat-checkout .sat-sheet-content .sat-intro{margin-bottom:18px;font-size:12px;line-height:1.8}
.sat-checkout .sat-choice{padding:12px 16px}
.sat-checkout .sat-choice-desc{line-height:1.7;word-break:keep-all}
.sat-checkout .sat-sheet-actions{flex:none;border-top:1px solid #344653;background:#101e2a;padding:14px 24px max(18px,env(safe-area-inset-bottom))}
.sat-checkout .sat-sheet-actions .sat-total{margin:0;padding:0;border:0}
.sat-checkout .sat-sheet-actions .sat-pay{margin-top:12px}
.sat-checkout .sat-error:empty{display:none}
@media(prefers-reduced-motion:no-preference){.sat-checkout[open]{animation:sat-sheet-in .32s cubic-bezier(.2,.8,.2,1) both}.sat-checkout[open].sat-closing{animation:sat-sheet-out .18s ease-in both}@keyframes sat-sheet-in{from{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes sat-sheet-out{to{transform:translateY(100%);opacity:.4}}}
@media(max-width:370px){.sat-checkout .sat-sheet-content{padding-inline:18px}.sat-checkout .sat-sheet-actions{padding-inline:18px}.sat-checkout .sat-choice{padding:12px}.sat-checkout .sat-sheet-content h2{font-size:21px}}
@media(max-height:600px){.sat-checkout .sat-sheet-content .sat-intro{display:none}.sat-checkout .sat-sheet-content h2{font-size:20px}.sat-checkout .sat-sheet-content{padding-top:26px}}
.sat-checkout{box-sizing:border-box}

.sat-checkout .sat-sheet-content{padding-top:42px}.sat-checkout .sat-sheet-content h2{font-size:clamp(15px,4.3vw,19px);line-height:1.5;letter-spacing:-.055em;white-space:nowrap;margin:0 0 22px}

.sat-benefit{margin-top:20px;padding-top:18px;border-top:1px solid rgba(197,174,132,.23)}
.sat-benefit-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px;color:#d1c2a7;font-weight:600;cursor:pointer;list-style:none}.sat-benefit-details>summary::-webkit-details-marker{display:none}.sat-benefit-details>summary svg{flex-shrink:0}.sat-benefit-details[open]>summary{margin-bottom:10px}.sat-benefit-details[open]>summary svg{transform:rotate(180deg)}.sat-benefit-details>summary:focus-visible{outline:2px solid #f1dfac;outline-offset:3px}.sat-benefit-message:empty{display:none}
.sat-benefit-entry{display:flex;gap:8px}
.sat-benefit-entry input{min-width:0;flex:1;background:#101820;color:#f1e7d2;border:1px solid #52606a;border-radius:8px;padding:12px;font:inherit;font-size:14px;text-transform:uppercase}
.sat-benefit-entry button{border:1px solid #c5ae84;border-radius:8px;padding:0 18px;background:#c5ae84;color:#17212c;font:inherit;font-size:14px;cursor:pointer}
.sat-benefit-entry :focus-visible{outline:2px solid #f1dfac;outline-offset:3px}
.sat-benefit-entry :disabled{opacity:.55;cursor:wait}
.sat-benefit-message{min-height:18px;margin:8px 0 0;font-size:12px;color:#d8c49b}

.sat-checkout .sat-benefit-breakdown{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px;color:#b9c9d3}.sat-checkout .sat-benefit-breakdown strong{color:#ead5ac;font-weight:600}.sat-checkout .sat-benefit-breakdown[hidden]{display:none}

.sat-checkout .sat-discount-summary{display:table;width:fit-content;max-width:100%;margin:0 0 10px;padding:5px 10px;border:1px solid rgba(216,188,125,.32);border-radius:7px;background:rgba(216,188,125,.09);color:#ead3a6;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:-.02em}