/* 결제·보관함·리포트 공용(두 스킨 공통). 테마 색은 각 사이트 styles.css 변수(--pri는 페이지에서 지정). young 요구: 버튼 3종·입력 3:1·터치 44px·글자 12px↑ */
.tband{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:6px 12px;background:#1D1D1D;color:#fff;font:700 .75rem/1.5 var(--f-body);text-align:center}
.tband span{white-space:nowrap}
.b1,.b2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:999px;font:900 1rem/1.2 var(--f-body);text-decoration:none;cursor:pointer;border:0}
.b1{background:var(--red, var(--pri, #9A3412));color:#fff}
.b2{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink-2)}
.b1[disabled],.b2[disabled],.b1[aria-disabled=true]{background:#D9D9D9;color:#5C5C5C;box-shadow:none;cursor:not-allowed}
.b1:focus-visible,.b2:focus-visible,.sheet :focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.blk{width:100%}
.pgw{padding:16px 20px 40px}
.pgw h1{font:400 1.7rem/1.3 var(--f-title);margin:10px 0 6px}
.mut{color:var(--ink-2);font-size:.9375rem;line-height:1.7}
.pc{margin-top:14px;padding:16px;border-radius:var(--r,20px);background:var(--card);box-shadow:inset 0 0 0 2px var(--ink-3)}
.pc h2,.pc h3{font:900 1.0625rem/1.4 var(--f-body)}
.soon{opacity:1;background:var(--bg-2);box-shadow:none}
.soon .tag2{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:99px;background:var(--card);font:700 .75rem/1.4 var(--f-body);color:var(--ink-2)}
.price{font:900 1.25rem/1 var(--f-body)}
.row2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.dimbg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;display:none}.dimbg.on{display:block}
.sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(480px,100%);max-height:92vh;overflow:auto;z-index:50;background:var(--bg);border-radius:24px 24px 0 0;padding:20px 20px 28px;display:none}
.sheet.on{display:block}
.sheet h2{font:400 1.4rem/1.3 var(--f-title);margin-bottom:8px}
.sheet h2:focus{outline:none}
.kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--bg-2);font-size:.9375rem}
.kv b{font-weight:900}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:.875rem;line-height:1.6;min-height:44px}
.chk input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--red, var(--pri, #9A3412))}
.err2{color:#B42318;font-weight:700;font-size:.875rem;margin-top:8px;min-height:1em}
.stt{margin-top:18px;text-align:center}
.stt .big{font-size:2.6rem;line-height:1}
.ordno{margin-top:14px;font-size:.8125rem;color:var(--ink-2);text-align:center}
.badge{display:inline-block;padding:6px 12px;border-radius:12px;background:var(--bg-2);font:700 .8125rem/1.5 var(--f-body)}
.smp{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:#FFE9A8;color:#5A4300;font:900 .75rem/1.6 var(--f-body);vertical-align:middle}
.st{font:900 .8125rem/1 var(--f-body);padding:6px 10px;border-radius:99px;background:var(--bg-2)}
.pcard{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.pnm{min-width:0}.pnm h2{overflow-wrap:anywhere}
.ren{min-height:44px;padding:0 12px;border-radius:999px;border:2px solid var(--ink-3,#777);background:transparent;color:var(--ink,#222);font:700 .8125rem/1.2 var(--f-body,inherit);cursor:pointer;white-space:nowrap}.ren:focus-visible{outline:3px solid var(--pri, var(--red, #9A3412));outline-offset:2px}
.renf{margin-top:10px}.renf .frow{gap:8px}
.pcard img{width:64px;height:64px;object-fit:contain;background:var(--bg-2);border-radius:50%}
.it{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 0;border-top:1px solid var(--bg-2)}.it>div{flex:1 1 100%}.it .b1{white-space:nowrap;min-height:44px;margin-left:auto}
.acts{display:flex;align-items:center;gap:8px}.acts .b1,.acts .b2{white-space:nowrap;min-height:44px}
.it small{display:block;color:var(--ink-2);font-size:.8125rem}
.sec{margin-top:18px}.sec h2{font:400 1.3rem/1.35 var(--f-title)}.sec p{margin-top:8px;line-height:1.85}
/* 포인트 칩·지갑 */
.hd a.pchip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:99px;font:900 .875rem/1 var(--f-body);background:var(--bg-2);color:var(--ink);text-decoration:none}
.pdot{width:14px;height:14px;border-radius:50%;background:var(--red, var(--pri, #9A3412));box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
.tabs{display:flex;gap:6px;margin:12px 0 4px;padding:4px;border-radius:99px;background:var(--bg-2)}
.tabs button{flex:1;min-height:44px;border:0;border-radius:99px;background:transparent;font:900 .9375rem/1 var(--f-body);color:var(--ink-2);cursor:pointer}
.tabs button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.bal{display:flex;align-items:baseline;gap:8px;margin-top:4px}.bal b{font:900 2.2rem/1 var(--f-body)}.bal span{font-weight:700;color:var(--ink-2)}
.rules{margin-top:8px;padding-left:18px;font-size:.875rem;line-height:1.7;color:var(--ink-2)}
.hist{list-style:none;padding:0;margin:6px 0 0}.hist li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--bg-2);font-size:.9375rem}
.hist small{display:block;color:var(--ink-2);font-size:.8125rem}.hist .pl{font-weight:900}.hist .mi{font-weight:900;color:var(--ink-2)}
.pv{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--bg-2)}.pv p{margin:6px 0;line-height:1.75}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* 새 상품(team/12): 연도 칩·함께 볼 사람 입력·월별 라벨 */
.lbl2{font-weight:900;margin-top:14px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.chip{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--ink-3);background:#fff;font:inherit;font-weight:800;cursor:pointer}
.chip[aria-checked=true]{border-color:var(--pri);background:var(--pri);color:#fff}
.frow{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}
.frow input,.frow select{min-height:44px;padding:0 10px;border-radius:12px;border:2px solid var(--ink-3);font:inherit;background:#fff}
.frow #py{width:5.2em}.frow #pm,.frow #pd{width:3.4em}
.mini{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:.875rem}
.ml{display:block;font-size:.8125rem;color:var(--pri);margin-bottom:2px}