/* Shared customer UI: one type family, CTA hierarchy and spacing scale. */
@font-face{font-family:'54F Jakarta';src:url('/assets/fonts/jakarta-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'54F Jakarta';src:url('/assets/fonts/jakarta-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'54F Jakarta';src:url('/assets/fonts/jakarta-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'54F Jakarta';src:url('/assets/fonts/jakarta-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

:root{--ui-gold:#ffc629;--ui-ink:#030c17;--ui-text:#edf5ff;--ui-muted:#a3b6c9;--ui-border:#31566e;--ui-radius:18px;--ui-gap:24px}
body.fiftyfour-ui{font-family:'54F Jakarta',system-ui,-apple-system,sans-serif;color:var(--ui-text);line-height:1.65;-webkit-text-size-adjust:100%}
.fiftyfour-ui :is(button,input,select,textarea){font-family:inherit;font-size:16px}
.fiftyfour-ui :is(h1,h2,h3){font-weight:700;line-height:1.22;text-wrap:balance}
.fiftyfour-ui :is(p,li){overflow-wrap:break-word}
.fiftyfour-ui :is(.muted,.hint){color:var(--ui-muted)}
.fiftyfour-ui .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:12px;font-size:15px;font-weight:700;line-height:1.45;text-align:center;white-space:normal;text-decoration:none}
.fiftyfour-ui :is(.button.primary,.button-amber,.button-primary){color:#111b22;background:linear-gradient(115deg,#ffe273,#ffc629);border:1px solid #ffe273;box-shadow:inset 0 1px 2px #fff5,0 5px 24px #ffc62920}
.fiftyfour-ui :is(.button.secondary,.button-secondary,.button-outline,.button-plan){color:var(--ui-text);background:#071c2b;border:1px solid #497b96;box-shadow:none}
.fiftyfour-ui :is(.featured,.most-popular) .button-plan{color:#111b22;background:linear-gradient(115deg,#ffe273,#ffc629);border-color:#ffe273}
.fiftyfour-ui :is(.site-header,.header,.checkout-header) .button{min-height:44px;padding:10px 18px}
.fiftyfour-ui :is(a,button,input,select,textarea):focus-visible{outline:2px solid #ffc629;outline-offset:4px}
.fiftyfour-ui :is(button,.button):disabled{opacity:.5;cursor:not-allowed}
.fiftyfour-ui :is(.container,.shell){width:min(1200px,calc(100% - 48px));margin-inline:auto}
.fiftyfour-ui :is(.section,.membership-section){padding-block:56px}
.fiftyfour-ui :is(.panel,.glass,.benefit-card,.pricing-card,.support-card){border-radius:var(--ui-radius)}
.fiftyfour-ui :is(input,select,textarea){max-width:100%;min-width:0}
.fiftyfour-ui [hidden]{display:none!important}
/* Checkout and order status share the same quiet payment surface. */
body.fiftyfour-ui.checkout-page,body.fiftyfour-ui.order-page{background:radial-gradient(ellipse at 75% 0,#10314b55,transparent 65%),#030c17}
.fiftyfour-ui.checkout-page .checkout-layout{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}
.fiftyfour-ui.checkout-page :is(.order-panel,.summary-panel),.fiftyfour-ui.order-page .panel{padding:24px;background:linear-gradient(125deg,#081c2c,#05121e);border:1px solid var(--ui-border);border-radius:18px}
.fiftyfour-ui.checkout-page :is(.panel-intro,.summary-row,.field label){font-size:14px;line-height:1.65}
.fiftyfour-ui.checkout-page .input-wrap{min-height:50px;border-radius:10px}
.fiftyfour-ui.checkout-page .input-wrap input{font-size:16px}
.fiftyfour-ui.checkout-page .summary-total strong{color:#ffc629;font-size:32px}
.fiftyfour-ui.checkout-page .continue-button{width:100%;min-height:52px}
.fiftyfour-ui.order-page :is(header,main){width:min(1200px,calc(100% - 48px));margin-inline:auto}
.fiftyfour-ui.order-page main{padding-block:40px 64px}
.fiftyfour-ui.order-page h1{font-size:clamp(32px,5vw,48px);margin:12px 0 16px}
.fiftyfour-ui.order-page :is(button,.button){display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid #ffe273;border-radius:12px;background:linear-gradient(115deg,#ffe273,#ffc629);color:#111b22;font-size:15px;font-weight:700;line-height:1.45;white-space:normal}
.fiftyfour-ui.order-page :is(button.secondary,.button.secondary){background:#071c2b;color:#edf5ff;border-color:#497b96}
.fiftyfour-ui.order-page .payment-methods button{background:#071c2b;border-color:#31566e;color:#a3b6c9}
.fiftyfour-ui.order-page .payment-methods button[aria-pressed=true]{color:#ffc629;border-color:#ffc629;background:#ffc6290d}
.fiftyfour-ui.order-page #connect-chain-wallet[data-connected="true"]{min-height:40px;padding:8px 14px;background:#ffc62914;border-color:#ffc62955;color:#ffc629;font-size:14px;opacity:1;cursor:default;box-shadow:none}
.fiftyfour-ui.order-page #disconnect-chain-wallet{min-height:40px;font-size:14px}
.fiftyfour-ui.order-page :is(input,select){min-height:50px;font-size:16px;border-radius:10px}
.fiftyfour-ui.order-page #order-id{font-size:16px;font-weight:500;letter-spacing:.025em;overflow-wrap:anywhere;margin:16px 0}
.fiftyfour-ui.order-page .detail-grid>*{min-width:0;overflow-wrap:anywhere}
.fiftyfour-ui.order-page #amount{font-size:28px;line-height:1.3;color:#ffc629}
.fiftyfour-ui.order-page #status-label{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #52cce355;background:#52cce310;border-radius:10px;line-height:1.5}
.fiftyfour-ui.order-page :is([data-status=paid],[data-status=delivered]) #status-label{color:#ffc629;border-color:#ffc62966;background:#ffc6290c}
@media(max-width:980px){.fiftyfour-ui.checkout-page .checkout-layout{display:block}.fiftyfour-ui.checkout-page .summary-panel{margin-top:24px}}
@media(max-width:600px){
 .fiftyfour-ui :is(.container,.shell),.fiftyfour-ui.order-page :is(header,main){width:calc(100% - 40px)}
 .fiftyfour-ui :is(.section,.membership-section){padding-block:40px}
 .fiftyfour-ui .hero{padding-block:32px}
 .fiftyfour-ui :is(.button,.button-primary){min-height:50px;font-size:15px;padding:12px 18px}
 .fiftyfour-ui.checkout-page :is(.order-panel,.summary-panel),.fiftyfour-ui.order-page .panel{padding:20px}
 .fiftyfour-ui.order-page header{gap:16px;flex-wrap:wrap;padding-block:20px}
 .fiftyfour-ui.order-page header a{min-height:44px;display:inline-flex;align-items:center}
 .fiftyfour-ui.order-page main{padding-block:28px 48px}
 .fiftyfour-ui.order-page .detail-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .fiftyfour-ui.order-page .payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .fiftyfour-ui.order-page .payment-methods button{margin:0;width:100%;padding:12px 10px}
 .fiftyfour-ui.order-page .wallet-actions{gap:12px}
 .fiftyfour-ui.order-page #order-id{font-size:14px}
}

/* Upcoming products are information, not active navigation. */
.fiftyfour-ui .nav-upcoming{display:inline-flex;flex-direction:column;gap:2px;line-height:1.45;color:#9bb1c4;font-size:14px;cursor:default}
.fiftyfour-ui .nav-upcoming small{font-size:12px;color:#ffc629;letter-spacing:0;font-weight:500}
@media(max-width:980px){.fiftyfour-ui .main-nav.open .nav-upcoming{padding:10px 0}}