/* 결제 화면 공통 '제품 선택' 카드 (2026-11-08)
   모든 콘텐츠: [무료 이용 0원] / [상세 풀이 9,900원 → 3,900원] 두 상품. 연애·재회·운명·신년 결제 화면이 같은 모양을 쓴다. */
html body .dohwa-product-offers{display:grid;gap:10px;margin:14px 0 0;padding:0;border:0;min-width:0}
html body .dohwa-product-offers>legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html body .dohwa-product-offers>label{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;margin:0;padding:14px 16px!important;border:1.5px solid #d8dde5!important;border-radius:14px!important;background:#fff!important;color:#162a45;cursor:pointer;box-shadow:none}
html body .dohwa-product-offers>label:has(input:checked){border-color:#1d334a!important;background:#f3f6fa!important;box-shadow:0 0 0 3px #1d334a14}
html body .dohwa-product-offers>label:focus-within{outline:2px solid #1d334a;outline-offset:2px}
html body .dohwa-product-offers>label>input{position:static;appearance:auto;opacity:1;clip:auto;width:20px;height:20px;margin:0;accent-color:#1d334a}
html body .dohwa-product-offers>label>span:not(.offer-price){min-width:0}
html body .dohwa-product-offers strong{display:flex;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:700;line-height:1.45;color:#162a45}
html body .dohwa-product-offers small{display:block;margin:3px 0 0;font-size:12px;line-height:1.5;color:#5d6a80;word-break:keep-all}
html body .dohwa-product-offers .offer-tag{display:inline-block;padding:1px 7px;border-radius:999px;background:#e9edf5;color:#1d334a;font-size:11px;font-style:normal;font-weight:600;line-height:1.6}
html body .dohwa-product-offers .offer-price{display:flex;flex-direction:column;align-items:flex-end;gap:0;text-align:right;white-space:nowrap}
html body .dohwa-product-offers .offer-price em{font-style:normal;font-size:11px;font-weight:700;line-height:1.4;color:#b3405f}
html body .dohwa-product-offers .offer-price s{font-size:12px;line-height:1.4;color:#8a93a7}
html body .dohwa-product-offers .offer-price b{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.4px;color:#162a45}
@media(max-width:359px){html body .dohwa-product-offers>label{gap:9px;padding:12px!important}html body .dohwa-product-offers .offer-price b{font-size:17px}}

/* 공개 운명·재회 결제 화면(service-checkout) 전용 */
html body.sc-body{margin:0;background:#f3f4f7}
html body .sc-checkout .sc-notice{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f3f6fa;color:#24314a;font-size:13px;line-height:1.6}
html body .sc-checkout .sc-notice a{color:#1d334a;font-weight:700;text-decoration:underline;text-underline-offset:3px}
html body .sc-checkout .checkout-purchase-dock .love-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:13px 17px;border:1px solid #d4b47973;border-radius:14px;background:linear-gradient(115deg,#242b4a,#141b33 75%);color:#fff3dd;font:700 15px/1.35 -apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;opacity:1}
html body .sc-checkout .checkout-purchase-dock .love-primary:disabled{background:#dce1e8;color:#8b95a5;box-shadow:none;cursor:not-allowed}
/* 결제 버튼 위 동의 안내 (체크박스 대신 버튼을 누르면 동의) */
html body .checkout-consent-note{margin:4px 2px 0;font-size:12px;line-height:1.65;color:#5d6a80;word-break:keep-all}
/* 버튼 문구에 금액이 들어가므로 연애타로 무료 버튼의 '0원' 표시는 숨김 */
html body [data-beta-button] .checkout-cta-price{display:none!important}