@font-face{font-family:Galactica;src:url("../assets/galactica.woff2") format("woff2");font-display:swap;font-weight:100 900}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:Galactica,Arial,sans-serif;background:#fff;color:#000;-webkit-font-smoothing:antialiased;padding-bottom:88px;font-size:16px;line-height:1.5}
img{max-width:100%;height:auto;display:block}
button{font:inherit;cursor:pointer;border:none;background:none}

.gx-top{background:#fff;border-bottom:1px solid #eee;padding:16px 20px;position:sticky;top:0;z-index:50}
.gx-top img{height:22px;width:auto;margin:0 auto}

.gx-hero{background:#f7f7f7;padding:32px 20px 28px}
.gx-hero-inner{max-width:520px;margin:0 auto}
.gx-tag{display:inline-block;font-size:12px;font-weight:650;color:#c25700;background:#fff;border:1px solid #eee;padding:6px 12px;border-radius:4px;margin-bottom:16px}
.gx-hero h1{font-size:clamp(28px,7vw,36px);font-weight:650;line-height:1.15;letter-spacing:-.3px;margin-bottom:12px}
.gx-hero h1 em{font-style:normal;color:#ff8000}
.gx-sub{font-size:15px;color:#444;margin-bottom:24px;max-width:32em}

.gx-product{background:#fff;border:1px solid #eee;border-radius:8px;padding:24px 20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.gx-product-visual{text-align:center;padding:20px 0 24px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}
.gx-product-visual img{width:min(240px,70vw);margin:0 auto}
.gx-value{font-size:13px;color:#666;margin-top:12px}
.gx-value strong{font-size:28px;font-weight:650;color:#000;display:block;margin-top:4px;letter-spacing:-.5px}

.gx-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.gx-was{font-size:16px;color:#999;text-decoration:line-through}
.gx-now{font-size:36px;font-weight:650;letter-spacing:-1px}
.gx-save{font-size:13px;font-weight:650;color:#2b8800;margin:8px 0 16px}
.gx-stock{font-size:13px;color:#666;margin-bottom:16px}
.gx-stock strong{color:#000}

.gx-btn{width:100%;background:#ff8000;color:#fff;font-size:16px;font-weight:650;padding:15px 20px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}
.gx-btn:hover{background:#e67300}
.gx-btn:active{transform:scale(.99)}
.gx-btn:disabled{opacity:.55}
.gx-btn svg{width:16px;height:16px;fill:currentColor}

.gx-section{max-width:520px;margin:0 auto;padding:32px 20px;border-top:8px solid #f7f7f7}
.gx-section h2{font-size:22px;font-weight:650;margin-bottom:16px;letter-spacing:-.2px}
.gx-feat{display:grid;gap:16px}
.gx-feat-item{padding:16px;background:#f7f7f7;border-radius:4px}
.gx-feat-item h3{font-size:15px;font-weight:650;margin-bottom:4px}
.gx-feat-item p{font-size:14px;color:#444}

.gx-steps{counter-reset:step;list-style:none;padding:0}
.gx-steps li{counter-increment:step;padding:12px 0 12px 36px;position:relative;border-bottom:1px solid #eee;font-size:14px;color:#444}
.gx-steps li::before{content:counter(step);position:absolute;left:0;top:12px;width:24px;height:24px;background:#000;color:#fff;border-radius:50%;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center}
.gx-steps strong{color:#000}

.gx-foot{max-width:520px;margin:0 auto;padding:28px 20px 40px;text-align:center;font-size:12px;color:#999;line-height:1.55}
.gx-foot img{height:18px;margin:0 auto 12px;opacity:.8}

.gx-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fff;border-top:1px solid #eee;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;max-width:520px;margin:0 auto;box-shadow:0 -2px 12px rgba(0,0,0,.06);transition:transform .25s}
.gx-bar--hidden{transform:translateY(110%)}
.gx-bar .gx-btn{width:auto;flex-shrink:0;padding:14px 20px;font-size:14px}
.gx-bar-price{flex:1;font-size:20px;font-weight:650}

@media(min-width:600px){body{padding-bottom:0}.gx-bar{display:none}}
#pay-bar.pay-bar--hidden{transform:translateY(110%)}