/* Shared storefront primitives, loaded last on both storefront entry points. */
:root{--mall-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--mall-ink:#263b57;--mall-muted:#7c8fa8;--mall-border:#e1e8f0;--mall-primary:#0a8178;--mall-radius:18px}
body:not(.console-mode){font-family:var(--mall-font);font-weight:400;color:var(--mall-ink);background:#f5f7fb;line-height:1.7;-webkit-font-smoothing:antialiased}
body:not(.console-mode) button,body:not(.console-mode) input,body:not(.console-mode) textarea,body:not(.console-mode) select{font-family:var(--mall-font)}
body:not(.console-mode) header .account button.ghost,body:not(.console-mode) header #redeem-account button.ghost{font-family:var(--mall-font);font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;padding:12px 17px;min-height:44px;border:0;border-radius:10px;background:#eef3fc;color:#46618e;box-shadow:none}
body:not(.console-mode) header nav a{font-family:var(--mall-font);font-weight:400}
body:not(.console-mode) header nav a.active{font-weight:600}
body:not(.console-mode) :is(.lookup-heading h1,.settlement-heading h1,.intro h1){font-family:var(--mall-font);font-size:32px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--mall-ink)}
body:not(.console-mode) :is(.lookup-heading p,.settlement-heading p,.intro p){font-family:var(--mall-font);font-size:14px;line-height:1.9;color:var(--mall-muted)}
body:not(.console-mode) :is(.lookup-form-card,.lookup-result-card,.settlement-card,.main-card,.portal-layout>aside,.notice-article,.product-description-panel){border:1px solid var(--mall-border);border-radius:var(--mall-radius);background:white;box-shadow:0 8px 28px #263b5705}
body:not(.console-mode) :is(.detail-buy,.lookup-fields button,.settlement-submit,.btn-primary,dialog button[type=submit]){min-height:46px;border:1px solid transparent;border-radius:12px;background:var(--mall-primary);color:#fff;font-family:var(--mall-font);font-size:14px;font-weight:500;line-height:20px;padding:12px 20px;box-shadow:0 4px 12px #0a817810}
body:not(.console-mode) :is(.detail-buy,.lookup-fields button,.settlement-submit,.btn-primary,dialog button[type=submit]):hover:not(:disabled){background:#086f68;filter:none}
body:not(.console-mode) :is(main,dialog) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not(#purchase-quantity),body:not(.console-mode) :is(main,dialog) textarea{font-family:var(--mall-font);font-size:14px;color:#344b65;border-color:#dfe6ee;border-radius:11px;background:#fff;line-height:20px;padding:12px 14px}
body:not(.console-mode) :is(main,dialog) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not(#purchase-quantity){min-height:46px}
body:not(.console-mode) :is(main,dialog) :is(input,textarea):focus{border-color:#69b8b0;box-shadow:0 0 0 3px #0a81780d;outline:0}
body:not(.console-mode) :is(input,textarea)::placeholder{font-family:var(--mall-font);font-size:14px;font-weight:400;color:#96a4b7}
body:not(.console-mode) :is(button,a):focus-visible{outline:2px solid #528dbe;outline-offset:4px}
body:not(.console-mode) main :is(label,.detail-field-label){font-family:var(--mall-font);font-size:14px;font-weight:400;color:#7c8fa8}
body:not(.console-mode) :is(.notice-text-section h2,.detail-text-section h3){font-family:var(--mall-font);font-weight:700}
body:not(.console-mode) .contact-copy{font-family:var(--mall-font);font-weight:400}
@media(max-width:760px){
body:not(.console-mode) header .account button.ghost,body:not(.console-mode) header #redeem-account button.ghost{font-size:12px;line-height:20px;padding:10px 12px;min-height:40px}
body:not(.console-mode) :is(.lookup-heading h1,.settlement-heading h1,.intro h1){font-size:26px}
body:not(.console-mode) :is(main,dialog) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not(#purchase-quantity),body:not(.console-mode) :is(main,dialog) textarea{font-size:16px}
body:not(.console-mode) :is(.lookup-form-card,.lookup-result-card,.settlement-card,.main-card,.portal-layout>aside,.notice-article,.product-description-panel){border-radius:16px}
}

@media(max-width:760px){body:not(.console-mode) header{height:auto;min-height:76px;padding:14px 18px;gap:12px}body:not(.console-mode) header .brand-wordmark{width:158px;height:auto}body:not(.console-mode) header nav{gap:8px}body:not(.console-mode) header nav a{font-size:13px;line-height:22px}}