/* 상품·약관 페이지 공통(2026-11-12 토스페이먼츠 심사 준비). 게임 입장 화면과 같은 어두운 색 */
:root { --bg:#16171b; --panel:#202127; --line:#34353c; --fg:#efe9dc; --muted:#b4ae9f; --accent:#e8c56c; color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:15px/1.7 "Pretendard","Noto Sans KR",system-ui,sans-serif; }
.page { max-width:760px; margin:0 auto; padding:28px max(16px, env(safe-area-inset-right, 0px)) 48px max(16px, env(safe-area-inset-left, 0px)); }
.top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; flex-wrap:wrap; }
.top a.home { color:var(--accent); text-decoration:none; font-weight:700; font-size:17px; }
nav.links { display:flex; gap:14px; flex-wrap:wrap; font-size:13px; }
nav.links a { color:var(--muted); }
h1 { font-size:26px; margin:0 0 6px; line-height:1.35; }
h2 { font-size:18px; margin:28px 0 8px; }
h3 { font-size:15px; margin:18px 0 6px; }
p, li { color:var(--fg); }
.muted { color:var(--muted); font-size:13px; }
ol, ul { padding-left:20px; }
table { border-collapse:collapse; width:100%; font-size:14px; }
th, td { border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top; }
th { background:var(--panel); color:var(--muted); font-weight:500; width:34%; }
.tbl { overflow-x:auto; }
.product { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:22px; align-items:start; }
.product img { width:100%; height:auto; border-radius:12px; border:1px solid var(--line); display:block; }
.price { font-size:28px; font-weight:800; color:var(--accent); margin:6px 0 2px; }
.buy { display:block; width:100%; margin-top:14px; padding:14px; border:0; border-radius:12px; background:var(--accent); color:#231d0c; font:inherit; font-weight:800; font-size:17px; cursor:pointer; }
.buy[disabled] { opacity:.6; cursor:default; }
.box { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px 16px; }
.warn { border-left:3px solid var(--accent); padding:6px 0 6px 12px; color:var(--muted); font-size:13px; }
footer.biz { margin-top:40px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.7; }
footer.biz a { color:var(--muted); }
@media (max-width:640px) { .product { grid-template-columns:1fr; } h1 { font-size:22px; } }