/* SEVENDOGS CREDIT STORE GPT. Scoped to this page, leaves website styles intact. */
.credit-store-page{--cr-accent:#f06f38;--cr-muted:#a7afb9;background:#080a0d;color:#f6f6f3}
.credit-store-page button{font:inherit}
.credit-store-page button:focus-visible,.credit-store-page a:focus-visible{outline:2px solid #f5b58f;outline-offset:4px}
.credit-main{padding-top:35px;padding-bottom:60px}
.credit-status-row,.credit-visual-top,.credit-visual-bottom,.credit-pack-label,.credit-pack-footer,.credit-section-heading,.credit-receipt-line{display:flex;align-items:center;justify-content:space-between}
.credit-eyebrow,.credit-pretitle{color:var(--cr-accent);font-size:11px;letter-spacing:.15em;font-weight:750}
.store-gpt{display:inline-block;padding:3px 7px;margin-left:6px;border:1px solid #83563c;border-radius:5px;color:#f5ab80;font-size:10px}
.credit-test-label{border:1px solid #65513d;border-radius:30px;padding:7px 12px;color:#f1b48c;font-size:10px;letter-spacing:.1em}
.credit-hero{display:grid;grid-template-columns:1.09fr .91fr;gap:42px;margin:41px 0 77px;align-items:center}
.credit-hero-copy h1{font-size:clamp(55px,6vw,88px);line-height:.99;letter-spacing:-.065em;margin:25px 0 20px;font-weight:800}
.credit-hero-copy h1 em{font-style:normal;color:var(--cr-accent)}
.credit-hero-copy p{max-width:525px;margin:0;color:#b7c0c9;font-size:17px;line-height:1.7}
.credit-service-labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.credit-service-labels span{font-size:10px;color:#bdc3c9;letter-spacing:.04em;padding:7px 10px;border:1px solid #3b424b;border-radius:30px}
.credit-visual{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:325px;border:1px solid #5c4e48;border-radius:20px;padding:29px;background:radial-gradient(circle at 83% 32%,#bd4a1985,transparent 45%),linear-gradient(130deg,#323c48,#121c25 53%,#252025)}
.credit-visual-top{color:#e6e9eb;font-size:11px;font-weight:800;letter-spacing:.13em;gap:8px}.credit-visual-top span{font-size:10px;color:#e9b59b}
.credit-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none}
.credit-orbits i{position:absolute;display:block;border-radius:50%;border:1px solid #ffffff26;right:-40px;top:40px;width:270px;height:270px}
.credit-orbits i:nth-child(2){right:-90px;top:-10px;width:370px;height:370px;opacity:.5}
.credit-orbits i:nth-child(3){right:95px;top:103px;width:18px;height:18px;border:0;background:#f28755;box-shadow:0 0 18px #f2875580}
.credit-visual-middle{margin-left:12px;font-size:clamp(86px,10vw,152px);line-height:1;font-weight:850;letter-spacing:-.13em}
.credit-visual-middle span{font-size:30px;vertical-align:top;color:var(--cr-accent);letter-spacing:0;padding-left:11px}
.credit-visual-bottom{font-size:10px;letter-spacing:.12em;color:#d0d7de;gap:10px}.credit-visual-bottom span:first-child{color:#f2b493}
.credit-section{padding:0;border:0}
.credit-section-heading{align-items:end;gap:20px;margin-bottom:23px}
.credit-section-heading h2,.credit-receipt h2{font-size:35px;letter-spacing:-.035em;line-height:1.15;margin:10px 0 0}
.credit-balance{display:flex;flex-direction:column;align-items:end;border:1px solid #39414b;background:#13181f;padding:14px 17px;border-radius:13px;min-width:160px}
.credit-balance>span{color:#aab2bd;letter-spacing:.08em;font-size:10px}
.credit-balance strong{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}
.credit-balance small{color:#929ba6;font-size:10px}
.credit-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.credit-pack{appearance:none;cursor:pointer;min-width:0;min-height:280px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:21px 20px 17px;background:linear-gradient(150deg,#181e27,#11161c);border:1px solid #353d46;color:inherit;border-radius:15px;transition:transform .18s ease,border-color .18s ease}
.credit-pack:hover{transform:translateY(-4px);border-color:#ac795b}
.credit-pack.selected{border:2px solid var(--cr-accent);padding:20px 19px 16px;background:linear-gradient(145deg,#312723,#191d25 65%);box-shadow:0 7px 35px #f06f3810}
.credit-pack-label{font-size:10px;letter-spacing:.11em;font-weight:850;color:#b9c3cd;gap:4px;min-height:20px}
.credit-recommend,.credit-value{font-size:8px;letter-spacing:.01em;background:#f06f38;color:#18191c;padding:5px 7px;border-radius:18px;white-space:nowrap}
.credit-value{background:#303f49;color:#c7dded}
.credit-pack-number{font-size:62px;line-height:1;letter-spacing:-.075em;font-weight:750;display:flex;flex-direction:column;margin-top:33px;font-variant-numeric:tabular-nums}
.credit-pack-number small{font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.9;color:#a8b2bd}
.credit-pack-price{font-size:30px;letter-spacing:-.04em;font-weight:800;margin-top:15px;line-height:1.2;font-variant-numeric:tabular-nums}
.credit-pack-unit{font-size:12px;color:#9fa8b4;margin:3px 0 17px}
.credit-pack-footer{border-top:1px solid #3a414b;padding-top:15px;margin-top:auto;font-size:12px;font-weight:750;color:#cbd2d9}
.credit-pack.selected .credit-pack-footer{color:#f69a68}
.credit-pack-footer b{font-size:18px;font-weight:400}
.credit-checkout{display:grid;grid-template-columns:1fr minmax(290px,.72fr);align-items:center;gap:45px;margin:34px 0 36px;background:linear-gradient(130deg,#1b2129,#181b23);border:1px solid #353d46;border-radius:18px;padding:29px 33px}
.credit-receipt-line{border-bottom:1px solid #424a53;padding:25px 0 12px;margin-bottom:10px;font-size:16px}
.credit-receipt-line strong{font-size:28px;font-variant-numeric:tabular-nums}
.credit-receipt small{font-size:11px;color:#9ea8b3;line-height:1.7}
.credit-checkout-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
#credit-buy{border:0;border-radius:10px;background:#f06f38;color:#15191d;padding:17px;font-weight:850;font-size:15px;cursor:pointer}
#credit-buy:disabled{background:#48505a;color:#c6cbd0;cursor:not-allowed}
#credit-status{text-align:center;color:#f0bf9f;font-size:12px;line-height:1.6;min-height:20px}
#credit-status[data-state=error]{color:#ffb7b0}#credit-status[data-state=success]{color:#b1dfbf}
.credit-secure{text-align:center;font-size:10px;color:#929fa9}
.credit-use{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:transparent;border:0;padding:0;margin:0}
.credit-use>div{border-top:1px solid #353c44;padding:16px 0 0;display:flex;flex-direction:column;gap:7px}
.credit-use b{font-size:11px;color:#f08652}.credit-use span{font-size:12px;font-weight:800;letter-spacing:.04em}.credit-use small{color:#929ca7;font-size:11px}
@media(max-width:1050px){.credit-hero{gap:23px}.credit-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-hero-copy h1{font-size:64px}}
@media(max-width:720px){.credit-main{padding-top:20px}.credit-hero{grid-template-columns:1fr;gap:25px;margin:35px 0 49px}.credit-hero-copy h1{font-size:clamp(49px,11vw,76px)}.credit-hero-copy p{font-size:15px}.credit-visual{min-height:230px;padding:18px}.credit-visual-middle{font-size:96px}.credit-section-heading h2{font-size:29px}.credit-checkout{grid-template-columns:1fr;gap:24px;padding:21px}.credit-balance{padding:11px}.credit-balance strong{font-size:25px}.credit-service-labels{margin-top:19px}}
@media(max-width:460px){.credit-pack-grid{gap:9px}.credit-pack{min-height:242px;padding:15px 12px}.credit-pack.selected{padding:14px 11px}.credit-pack-number{font-size:49px;margin-top:30px}.credit-pack-price{font-size:25px}.credit-pack-label{font-size:9px}.credit-recommend,.credit-value{font-size:7px;padding:5px}.credit-status-row{gap:10px}.credit-test-label{font-size:8px;text-align:center}.credit-use{gap:7px}.credit-visual-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){.credit-pack{transition:none}.credit-pack:hover{transform:none}}

/* v0.2.0 GPT — proportional typography. Override legacy site styles only on Store. */
.credit-store-page{font-family:Inter,"SF Pro Text","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;font-weight:400}
.credit-store-page nav .menu a,.credit-store-page nav .member-nav a{font-size:16px!important;line-height:1.3!important;font-weight:650!important;letter-spacing:-.015em!important}
.credit-store-page nav .menu,.credit-store-page nav .member-nav{gap:18px!important}
.credit-store-page .credit-main{padding-top:29px;padding-bottom:55px}
.credit-store-page .credit-hero{margin:35px 0 58px;gap:38px}
.credit-store-page .credit-hero-copy h1{font-size:clamp(48px,5.1vw,68px);line-height:1.085;letter-spacing:-.055em;font-weight:750;margin:21px 0 19px}
.credit-store-page .credit-hero-copy p{font-size:15px;line-height:1.75;max-width:510px;font-weight:400}
.credit-store-page .credit-visual{min-height:290px}
.credit-store-page .credit-visual-middle{font-size:clamp(76px,8vw,110px);font-weight:780;letter-spacing:-.1em}
.credit-store-page .credit-section-heading h2,.credit-store-page .credit-receipt h2{font-size:30px;line-height:1.35;letter-spacing:-.035em;font-weight:720}
.credit-store-page .credit-pack{min-height:260px}
.credit-store-page .credit-pack-number{font-size:50px;font-weight:730;letter-spacing:-.06em;margin-top:26px}
.credit-store-page .credit-pack-price{font-size:26px;font-weight:720;letter-spacing:-.035em;margin-top:13px}
.credit-store-page .credit-pack-label{font-size:11px;letter-spacing:.09em;font-weight:750}
.credit-store-page .credit-pack-number small{font-size:11px;line-height:1.6}
.credit-store-page .credit-pack-unit{font-size:13px}
.credit-store-page .credit-pack-footer{font-size:13px;font-weight:650}
.credit-store-page .credit-eyebrow,.credit-store-page .credit-pretitle{font-size:12px;letter-spacing:.11em;font-weight:720}
.credit-store-page .credit-service-labels span{font-size:11px}
.credit-store-page .credit-receipt-line{font-size:15px}
.credit-store-page .credit-receipt-line strong{font-size:25px}
.credit-store-page .credit-receipt small,.credit-store-page #credit-status,.credit-store-page .credit-secure,.credit-store-page .credit-use small{font-size:13px;line-height:1.65}
.credit-store-page .credit-use span{font-size:13px}
.credit-store-page .credit-balance>span{font-size:11px}
.credit-store-page .credit-balance small{font-size:12px}
.credit-store-page .credit-balance strong{font-size:26px}
.credit-store-page .credit-recommend,.credit-store-page .credit-value{font-size:9px;font-weight:750}
@media(max-width:1050px){.credit-store-page .credit-hero-copy h1{font-size:clamp(46px,5.8vw,60px)}.credit-store-page .credit-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.credit-store-page .credit-hero{grid-template-columns:1fr;gap:24px;margin:30px 0 45px}.credit-store-page .credit-hero-copy h1{font-size:clamp(42px,9vw,57px)}.credit-store-page .credit-visual{min-height:220px}.credit-store-page .credit-visual-middle{font-size:88px}.credit-store-page .credit-section-heading h2,.credit-store-page .credit-receipt h2{font-size:27px}.credit-store-page .credit-pack-number{font-size:48px}}
@media(max-width:460px){.credit-store-page .credit-pack{min-height:235px}.credit-store-page .credit-pack-number{font-size:44px;margin-top:24px}.credit-store-page .credit-pack-price{font-size:24px}.credit-store-page .credit-pack-label{font-size:10px}.credit-store-page .credit-recommend,.credit-store-page .credit-value{font-size:8px}.credit-store-page .credit-test-label{font-size:9px}}

/* v0.2.1 CL — store typography rebalance (type + spacing only). Scale: 11 label / 13-15 body / 22-26 figures / 30-54 display. */
.credit-store-page .credit-clc{display:inline-block;margin-left:6px;padding:3px 7px;border:1px solid #83563c;border-radius:5px;color:#f5ab80;font-size:11px;font-weight:750;letter-spacing:.08em}
.credit-store-page .credit-main{padding-top:24px;padding-bottom:48px}
.credit-store-page .credit-eyebrow,.credit-store-page .credit-pretitle{font-size:11px;letter-spacing:.1em}
.credit-store-page .credit-test-label{font-size:11px;padding:6px 12px}
.credit-store-page .credit-hero{margin:28px 0 48px;gap:36px}
.credit-store-page .credit-hero-copy h1{font-size:clamp(36px,4.2vw,54px);line-height:1.12;letter-spacing:-.045em;font-weight:740;margin:16px 0 16px}
.credit-store-page .credit-hero-copy p{font-size:15px;line-height:1.7;max-width:480px}
.credit-store-page .credit-service-labels{margin-top:22px}
.credit-store-page .credit-service-labels span{font-size:11px;padding:6px 11px}
.credit-store-page .credit-visual{min-height:250px;padding:24px}
.credit-store-page .credit-visual-top{font-size:11px}.credit-store-page .credit-visual-top span{font-size:11px}
.credit-store-page .credit-visual-middle{font-size:clamp(64px,6.5vw,92px);letter-spacing:-.09em}
.credit-store-page .credit-visual-middle span{font-size:22px}
.credit-store-page .credit-visual-bottom{font-size:11px;letter-spacing:.09em}
.credit-store-page .credit-section-heading{margin-bottom:20px}
.credit-store-page .credit-section-heading h2,.credit-store-page .credit-receipt h2{font-size:24px;line-height:1.35;letter-spacing:-.02em;font-weight:700;margin-top:8px}
.credit-store-page .credit-balance{padding:11px 16px;min-width:150px}
.credit-store-page .credit-balance>span{font-size:11px}
.credit-store-page .credit-balance strong{font-size:22px}
.credit-store-page .credit-balance small{font-size:12px}
.credit-store-page .credit-pack{min-height:225px;padding:18px 18px 15px}
.credit-store-page .credit-pack.selected{padding:17px 17px 14px}
.credit-store-page .credit-pack-label{font-size:11px;letter-spacing:.08em}
.credit-store-page .credit-recommend,.credit-store-page .credit-value{font-size:10px;padding:4px 8px;letter-spacing:.02em}
.credit-store-page .credit-pack-number{font-size:40px;letter-spacing:-.05em;margin-top:20px}
.credit-store-page .credit-pack-number small{font-size:11px;letter-spacing:.1em;line-height:1.5}
.credit-store-page .credit-pack-price{font-size:22px;margin-top:12px;letter-spacing:-.02em}
.credit-store-page .credit-pack-unit{font-size:13px;margin:2px 0 14px}
.credit-store-page .credit-pack-footer{font-size:13px;padding-top:12px}
.credit-store-page .credit-pack-footer b{font-size:16px}
.credit-store-page .credit-checkout{margin:28px 0 30px;padding:24px 28px;gap:40px}
.credit-store-page .credit-receipt-line{font-size:15px;padding:18px 0 10px}
.credit-store-page .credit-receipt-line strong{font-size:22px}
.credit-store-page .credit-receipt small,.credit-store-page #credit-status,.credit-store-page .credit-secure,.credit-store-page .credit-use small{font-size:13px;line-height:1.6}
.credit-store-page #credit-buy{font-size:15px;padding:14px}
.credit-store-page .credit-use b{font-size:12px}
.credit-store-page .credit-use span{font-size:13px;letter-spacing:.05em}
@media(max-width:1050px){.credit-store-page .credit-hero-copy h1{font-size:clamp(34px,5vw,46px)}}
@media(max-width:720px){.credit-store-page .credit-hero{margin:24px 0 36px;gap:22px}.credit-store-page .credit-hero-copy h1{font-size:clamp(32px,9vw,42px)}.credit-store-page .credit-hero-copy p{font-size:15px}.credit-store-page .credit-visual{min-height:180px;padding:18px}.credit-store-page .credit-visual-middle{font-size:68px}.credit-store-page .credit-section-heading h2,.credit-store-page .credit-receipt h2{font-size:22px}.credit-store-page .credit-pack-number{font-size:38px}.credit-store-page .credit-checkout{padding:20px 18px}}
@media(max-width:460px){.credit-store-page .credit-pack{min-height:200px;padding:14px 12px}.credit-store-page .credit-pack.selected{padding:13px 11px}.credit-store-page .credit-pack-number{font-size:34px;margin-top:16px}.credit-store-page .credit-pack-price{font-size:20px}.credit-store-page .credit-pack-label{font-size:11px}.credit-store-page .credit-recommend,.credit-store-page .credit-value{font-size:9px;padding:3px 6px}.credit-store-page .credit-test-label{font-size:10px}.credit-store-page .credit-visual-bottom{font-size:10px}.credit-store-page .credit-use{gap:10px}.credit-store-page .credit-use small{font-size:12px}.credit-store-page .credit-balance strong{font-size:20px}}