.commerce-page{gap:var(--ng-dm-space-5);padding:var(--ng-dm-space-4);flex-direction:column;min-height:calc(100dvh - 88px);display:flex}.commerce-page h1{font-size:var(--ng-dm-type-title-lg-size);letter-spacing:-.5px;margin:8px 0 0;font-weight:900;line-height:1.2}.commerce-page h2{margin:0;font-size:22px;line-height:1.3}.commerce-hero{object-fit:cover;border-radius:var(--ng-dm-radius-card);width:100%;height:160px;display:block}.commerce-muted{color:var(--ng-dm-text-2);margin:0}.commerce-fine{color:var(--ng-dm-text-2);text-align:center;margin:12px 0;font-size:12px;line-height:1.6}.commerce-fine a{text-underline-offset:3px;text-decoration:underline}.commerce-stack{flex-direction:column;gap:12px;display:flex}.commerce-error{border:1px solid var(--ng-dm-text-2);color:var(--ng-dm-text);border-radius:8px;padding:12px;font-size:14px}.commerce-error p{margin:0 0 8px}.commerce-login{flex-direction:column;gap:8px;display:flex}.commerce-login>.commerce-muted{margin-bottom:8px;font-size:14px}.commerce-provider{border:1px solid var(--ng-dm-text-2);border-radius:8px;justify-content:center;align-items:center;min-height:48px;font-size:16px;font-weight:800;display:flex}.commerce-provider[data-provider=kakao]{background:var(--ng-dm-provider-kakao);color:var(--ng-dm-provider-kakao-label);border-color:var(--ng-dm-provider-kakao)}.commerce-provider[data-provider=naver]{background:var(--ng-dm-provider-naver);color:var(--ng-dm-provider-naver-label);border-color:var(--ng-dm-provider-naver)}.commerce-options{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.commerce-option{border:1px solid var(--ng-dm-text-2);background:var(--ng-dm-surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex;position:relative}.commerce-option[data-selected=true]{outline:1px solid var(--ng-dm-text);outline-offset:-1px}.commerce-option input{opacity:0;width:1px;height:1px;position:absolute}.commerce-option:has(input:focus-visible){outline:2px solid var(--ng-brand-key)}.commerce-option>span{flex:1;min-width:0}.commerce-option strong{font-size:14px;line-height:1.3;display:block}.commerce-option small{color:var(--ng-dm-text-2);margin-top:3px;font-size:11px;line-height:1.4;display:block}.commerce-option>b{white-space:nowrap;font-size:14px}.commerce-option>.commerce-option-check{border-radius:var(--ng-dm-radius-pill);border:1px solid;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.commerce-text-link{min-height:44px;color:var(--ng-dm-text-2);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:0 auto;padding:8px 12px;font-size:14px;text-decoration:underline;display:block}.commerce-ad{object-fit:contain;background:var(--ng-dm-ink);width:100%;max-height:35dvh;display:block}.commerce-summary{background:var(--ng-dm-surface);border:1px solid var(--ng-dm-text-2);border-radius:8px;padding:0 16px}.commerce-summary dl{margin:0}.commerce-summary dl>div{border-bottom:1px solid color-mix(in srgb,var(--ng-dm-text-2) 30%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.commerce-summary dl>div:last-child{border:0}.commerce-summary dt{color:var(--ng-dm-text-2);white-space:nowrap;font-size:14px}.commerce-summary dd{text-align:right;margin:0;font-size:14px;font-weight:600}.commerce-summary .commerce-today dd{font-size:32px;font-weight:900}.commerce-method{background:var(--ng-dm-surface);width:100%;min-height:52px;color:var(--ng-dm-text);border:1px solid var(--ng-dm-text-2);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.commerce-consent{align-items:flex-start;gap:8px;min-height:44px;font-size:14px;line-height:1.5;display:flex}.commerce-consent input{accent-color:var(--ng-dm-text);flex-shrink:0;width:22px;height:22px}.commerce-actions{flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;display:flex}.commerce-status{margin:8px 0;font-size:28px;font-weight:900;line-height:1.25}.commerce-check{border:2px solid var(--ng-dm-text);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:32px auto 8px;font-size:40px;display:flex}.commerce-result{text-align:center;justify-content:center;gap:24px}.commerce-result h1{font-size:32px}.commerce-result .commerce-summary{padding:20px 16px}.commerce-test{border:1px solid var(--ng-dm-text-2);color:var(--ng-dm-text-2);border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px}.commerce-benefits{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.commerce-benefits li{align-items:center;gap:12px;display:flex}.commerce-benefits li:before{content:"✓";border:1px solid var(--ng-dm-text);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:inline-flex}.commerce-login-hero{aspect-ratio:9/12;object-fit:cover;width:calc(100% + 32px);max-height:65dvh;margin:-16px -16px 0;display:block}.commerce-pending-ring{border:7px solid var(--ng-dm-surface);border-top-color:var(--ng-dm-text);border-right-color:var(--ng-dm-text);border-bottom-color:var(--ng-dm-text);border-radius:50%;width:120px;height:120px;margin:40px auto 8px;animation:1.6s linear infinite commerce-pending-spin}.commerce-option:has(input:disabled){opacity:.55;cursor:not-allowed}@keyframes commerce-pending-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.commerce-pending-ring{animation:none}}@media (max-width:370px){.commerce-page{gap:16px}.commerce-page h1{font-size:28px}.commerce-option strong{font-size:13px}.commerce-option small{font-size:10px}.commerce-option>b{font-size:13px}.commerce-summary{padding:0 12px}.commerce-summary dl>div{gap:8px;padding:12px 0}.commerce-summary dd{font-size:13px}}.commerce-receipt{text-align:center;width:100%}