#points-mall.pm{color:var(--yf-text,var(--ink,#14171c));font-family:var(--sans,system-ui,sans-serif);max-width:1200px;margin:0 auto;padding:clamp(20px,3vw,40px)}
#points-mall[hidden]{display:none!important}
#points-mall *,#points-mall *::before,#points-mall *::after{box-sizing:border-box}
#points-mall .pm-heading,#points-mall .pm-section-head,#points-mall .pm-voucher-head,#points-mall .pm-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#points-mall h1,#points-mall h2,#points-mall h3,#points-mall p{margin:0}
#points-mall h1{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.03em}
#points-mall h2{font-size:21px;line-height:1.35}#points-mall h3{font-size:18px;line-height:1.45}
#points-mall .pm-heading p,#points-mall .pm-section-head p{color:var(--yf-muted,var(--muted,#68717c));margin-top:8px;line-height:1.6}
#points-mall .pm-notice{margin-top:20px;padding:12px 16px;background:var(--yf-primary-soft,var(--cobalt-soft,#e8edf4));border:1px solid var(--yf-border,var(--line,#d4d9dc));border-radius:10px;line-height:1.5}
#points-mall .pm-wallet{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin:26px 0 22px;padding:25px 28px;border:1px solid var(--yf-border,var(--line,#d4d9dc));border-radius:14px;background:var(--yf-surface,var(--paper,#fffefa))}
#points-mall .pm-wallet div{display:flex;flex-direction:column;gap:8px}#points-mall .pm-wallet span{font-size:13px;color:var(--yf-muted,var(--muted,#68717c))}#points-mall .pm-wallet strong{font-size:24px;font-weight:650;color:var(--yf-primary,var(--cobalt,#1b3768))}#points-mall .pm-wallet div:first-child strong{font-size:32px}
#points-mall button,#points-mall input,#points-mall select{font:inherit}#points-mall button{cursor:pointer}#points-mall button:disabled{opacity:.55;cursor:not-allowed}
#points-mall :is(button,input,select):focus-visible{outline:3px solid var(--yf-primary,var(--cobalt,#1b3768));outline-offset:3px}
#points-mall .pm-link{border:0;background:none;color:var(--yf-primary,var(--cobalt,#1b3768));font-weight:600;padding:5px 2px;text-decoration:underline;text-underline-offset:3px}
#points-mall .pm-tabs{display:flex;gap:24px;border-bottom:1px solid var(--yf-border,var(--line,#d4d9dc));overflow-x:auto}#points-mall .pm-tabs button{border:0;border-bottom:3px solid transparent;padding:12px 2px;background:none;color:var(--yf-muted,var(--muted,#68717c));white-space:nowrap}#points-mall .pm-tabs button[aria-selected=true]{color:var(--yf-primary,var(--cobalt,#1b3768));border-color:var(--yf-primary,var(--cobalt,#1b3768));font-weight:650}
#points-mall [data-pm-panel]{padding-top:26px}#points-mall .pm-filters{display:flex;gap:16px;align-items:end;margin:20px 0}#points-mall .pm-filters label,#points-mall .pm-dialog label:not(.pm-agree){display:grid;gap:6px;font-size:13px;color:var(--yf-muted,var(--muted,#68717c))}#points-mall .pm-search{flex:1;max-width:380px}
#points-mall :is(input:not([type=checkbox]),select){width:100%;min-height:42px;border:1px solid var(--yf-border-strong,var(--line-strong,#aeb7be));border-radius:8px;background:var(--yf-surface,var(--paper,#fffefa));padding:8px 11px;color:var(--yf-text,var(--ink,#14171c))}
#points-mall .pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#points-mall .pm-product,#points-mall .pm-voucher,#points-mall .pm-list{border:1px solid var(--yf-border,var(--line,#d4d9dc));border-radius:12px;background:var(--yf-surface,var(--paper,#fffefa))}
#points-mall .pm-product{display:flex;flex-direction:column;min-height:205px;padding:22px}#points-mall .pm-product-type{font-size:12px;color:var(--yf-primary,var(--cobalt,#1b3768));margin-bottom:14px}#points-mall .pm-product p{color:var(--yf-muted,var(--muted,#68717c));font-size:14px;line-height:1.6;margin:8px 0 20px}#points-mall .pm-product-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px;font-size:12px}#points-mall .pm-product-foot strong{font-size:22px;color:var(--yf-primary,var(--cobalt,#1b3768))}
#points-mall .pm-button{border:1px solid var(--yf-primary,var(--cobalt,#1b3768));border-radius:8px;padding:10px 16px;background:var(--yf-primary,var(--cobalt,#1b3768));color:white;font-weight:600;white-space:nowrap}#points-mall .pm-button-soft{background:var(--yf-primary-soft,var(--cobalt-soft,#e8edf4));color:var(--yf-primary,var(--cobalt,#1b3768));border-color:var(--yf-border,var(--line,#d4d9dc))}
#points-mall .pm-empty{margin-top:20px;padding:36px;text-align:center;border:1px dashed var(--yf-border,var(--line,#d4d9dc));border-radius:12px;color:var(--yf-muted,var(--muted,#68717c))}#points-mall .pm-list{margin-top:20px;overflow:hidden}#points-mall .pm-row{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--yf-border,var(--line,#d4d9dc))}#points-mall .pm-row:last-child{border:0}#points-mall .pm-row small,#points-mall .pm-voucher small{display:block;color:var(--yf-muted,var(--muted,#68717c));margin-top:6px}#points-mall .pm-voucher{border:0;border-bottom:1px solid var(--yf-border,var(--line,#d4d9dc));border-radius:0;padding:20px}#points-mall .pm-voucher:last-child{border-bottom:0}#points-mall .pm-voucher-head span{color:var(--yf-primary,var(--cobalt,#1b3768));font-size:13px}#points-mall .pm-voucher p{color:var(--yf-muted,var(--muted,#68717c));font-size:13px;margin:8px 0}#points-mall .pm-code{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#points-mall code{font-family:var(--mono,monospace);font-size:16px;word-break:break-all}
#points-mall .pm-dialog{width:min(92vw,520px);max-height:90dvh;overflow:auto;border:1px solid var(--yf-border,var(--line,#d4d9dc));border-radius:14px;background:var(--yf-surface,var(--paper,#fffefa));color:var(--yf-text,var(--ink,#14171c));padding:26px}#points-mall .pm-dialog::backdrop{background:rgba(20,23,28,.5)}#points-mall .pm-dialog h3{margin:20px 0 8px}#points-mall .pm-dialog p{line-height:1.6;color:var(--yf-muted,var(--muted,#68717c));margin:8px 0}#points-mall .pm-dialog form{display:grid;gap:14px;margin-top:18px}#points-mall .pm-dialog .pm-total{color:var(--yf-text,var(--ink,#14171c));font-weight:650;margin:0}#points-mall .pm-agree{display:flex;gap:10px;align-items:start;font-size:14px;line-height:1.5}#points-mall .pm-agree input{margin-top:4px}#points-mall .pm-dialog .pm-error{color:var(--danger,#a04440);margin:0}#points-mall .pm-close{font-size:25px;line-height:1;border:0;background:none;color:inherit}#points-mall .pm-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:800px){#points-mall .pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#points-mall.pm{padding:20px 14px}#points-mall .pm-wallet{grid-template-columns:1fr 1fr;padding:20px;gap:18px}#points-mall .pm-wallet div:first-child{grid-column:1/-1}#points-mall .pm-grid{grid-template-columns:1fr}#points-mall .pm-filters{align-items:stretch;flex-direction:column}#points-mall .pm-search{max-width:none}#points-mall .pm-tabs{gap:20px}#points-mall .pm-product{min-height:170px}}