:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f6f6f6;--surface-3: #efefef;--line: #e4e4e4;--ink: #14181f;--muted: #5f6b7a;--brand: #00539e;--brand-ink: #003e78;--brand-2: #8cc63f;--danger: #c1362c;--success: #167a4a;--radius: 14px;--radius-pill: 999px;--shadow-lift: 0 8px 30px rgba(16, 26, 44, .1);--serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0d1117;--surface: #141a23;--surface-2: #1a212c;--surface-3: #222b38;--line: #2a3441;--ink: #eaeef5;--muted: #9aa7b8;--brand-2: #a5db5e;--shadow-lift: 0 8px 30px rgba(0, 0, 0, .5);color-scheme:dark}}[data-theme=dark]{--bg: #0d1117;--surface: #141a23;--surface-2: #1a212c;--surface-3: #222b38;--line: #2a3441;--ink: #eaeef5;--muted: #9aa7b8;--brand-2: #a5db5e;--shadow-lift: 0 8px 30px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{min-height:100%;display:flex;flex-direction:column}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.page{padding:32px 0 72px}@media (max-width: 700px){.page{padding:20px 0 48px}}.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__inner{display:flex;align-items:center;gap:28px;height:64px}.topbar__logo{height:26px;width:auto;display:block}.topbar__logo--dark{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme]) .topbar__logo--light{display:none}:root:not([data-theme]) .topbar__logo--dark{display:block}}[data-theme=dark] .topbar__logo--light{display:none}[data-theme=dark] .topbar__logo--dark{display:block}.topbar__nav{display:flex;gap:22px;font-size:14.5px;font-weight:500}.topbar__nav a:hover{color:var(--brand)}.topbar__spacer{margin-left:auto}.topbar__actions{display:flex;align-items:center;gap:18px;font-size:14.5px;font-weight:500}.iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:none;color:inherit;border-radius:var(--radius-pill);cursor:pointer}.iconbtn:hover{background:var(--surface-2)}.iconbtn__count{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:17px}.rail{border-bottom:1px solid var(--line);background:var(--surface)}.rail__inner{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:none}.rail__inner::-webkit-scrollbar{display:none}.rail__item{flex:0 0 auto;width:104px;padding:6px 4px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border-radius:10px;color:inherit}.rail__item:hover{background:var(--surface-2)}.rail__item--on .rail__label{color:var(--brand);font-weight:700}.rail__thumb{width:56px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.rail__item--on .rail__thumb{color:var(--brand)}.rail__label{font-size:12.5px;font-weight:500;text-align:center;line-height:1.25}.hero{background:var(--surface-2)}.hero__inner{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:64px 24px;max-width:1240px;margin:0 auto}.hero__badge{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--surface);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero__eyebrow{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;margin-bottom:18px}.hero__title{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-.01em;margin:0 0 18px}.hero__sub{color:var(--muted);font-size:17px;max-width:46ch;margin:0 0 28px}.hero__art{aspect-ratio:4 / 3;border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__art img{width:78%;height:auto;object-fit:contain}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-pill);font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid var(--brand);background:transparent;color:var(--brand);transition:background .15s,color .15s,border-color .15s,transform .05s;white-space:nowrap}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 8%,transparent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--solid{background:var(--brand);color:#fff}.btn--solid:hover:not(:disabled){background:var(--brand-ink);border-color:var(--brand-ink)}.btn--ghost{border-color:var(--line);color:var(--ink)}.btn--ghost:hover:not(:disabled){border-color:var(--ink);background:transparent}.btn--sm{height:36px;padding:0 16px;font-size:14px}.btn--block{width:100%}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.band{padding:64px 0}.band--tint{background:var(--surface-2)}.band__head{text-align:center;max-width:62ch;margin:0 auto 40px}.band__title{font-family:var(--serif);font-weight:600;font-size:clamp(26px,3vw,36px);margin:0 0 10px;letter-spacing:-.01em}.band__sub{color:var(--muted);margin:0;font-size:16px}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:48px 32px}.pcard{display:flex;flex-direction:column;text-align:center}.pcard__media{background:var(--surface-2);border-radius:var(--radius);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden;transition:box-shadow .18s}.band--tint .pcard__media{background:var(--surface)}.pcard:hover .pcard__media{box-shadow:var(--shadow-lift)}.pcard__media img{width:76%;height:auto;object-fit:contain}.pcard__eyebrow{font-size:13.5px;color:var(--muted);font-weight:500;margin:0 0 4px}.pcard__title{font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.3}.pcard__price{font-size:15px;margin:0 0 6px}.pcard__finance{font-size:13.5px;color:var(--muted);margin:0 0 16px}.pcard__cta{margin-top:auto;display:flex;gap:10px;justify-content:center}.pcard__oos{font-size:13px;color:var(--muted)}.ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ph__mark{width:44%;aspect-ratio:1;border-radius:20px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand) 14%,transparent),color-mix(in srgb,var(--brand-2) 18%,transparent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:var(--brand);letter-spacing:-.02em}.locked{border:1px dashed var(--line);border-radius:var(--radius);padding:40px 28px;text-align:center;background:var(--surface)}.locked__title{font-family:var(--serif);font-size:26px;font-weight:600;margin:14px 0 8px}.locked__sub{color:var(--muted);max-width:52ch;margin:0 auto 22px}.locked__icon{color:var(--brand)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a101a8c;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{width:100%;max-width:420px;background:var(--surface);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow-lift);text-align:center}.dialog__logo{height:26px;margin-bottom:18px}.dialog__title{font-size:20px;font-weight:700;margin:0 0 8px}.dialog__sub{color:var(--muted);font-size:14.5px;margin:0 0 22px}.dialog__choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;text-align:left}.choice:hover:not(:disabled){border-color:var(--brand);background:var(--surface-2)}.choice:disabled{opacity:.55;cursor:progress}.choice__mark{width:30px;height:30px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--surface-2);font-weight:800;font-size:12px;color:var(--brand)}.dialog__note{color:var(--muted);font-size:12.5px;margin:18px 0 0}.dialog__err{color:var(--danger);font-size:13.5px;margin:14px 0 0}.dialog__close{position:absolute}.checkout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:28px;align-items:start}.checkout__main{display:grid;gap:22px;min-width:0}@media (max-width: 900px){.checkout{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel h2{margin:0 0 18px;font-size:17px;font-weight:700;display:flex;align-items:baseline;gap:10px}.panel__count{color:var(--muted);font-size:13px;font-weight:500}.lines{list-style:none;margin:0;padding:0}.line{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.line:last-child{border-bottom:0;padding-bottom:0}.line:first-child{padding-top:0}.line--gone{opacity:.6}.line__thumb{width:72px;height:72px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.line__thumb img{width:100%;height:100%;object-fit:contain;padding:8px}.line__mark{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--muted)}.line__info{display:flex;flex-direction:column;gap:3px;min-width:0}.line__name{font-weight:600;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line__name:hover{color:var(--brand)}.line__unit{color:var(--muted);font-size:13px}.line__warn{color:var(--danger);font-size:12.5px;font-weight:600}.line__qty{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px}.line__qty button{width:30px;height:30px;border:0;background:none;color:inherit;border-radius:var(--radius-pill);cursor:pointer;font-size:16px;line-height:1}.line__qty button:hover:not(:disabled){background:var(--surface-2)}.line__qty button:disabled{opacity:.35;cursor:not-allowed}.line__qty span{min-width:26px;text-align:center;font-weight:600;font-size:14px}.line__price{font-weight:700;font-size:15px;white-space:nowrap;min-width:72px;text-align:right}.line__drop{border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px}.line__drop:hover{color:var(--danger)}@media (max-width: 620px){.line{grid-template-columns:64px minmax(0,1fr) auto;gap:12px}.line__thumb{width:64px;height:64px}.line__price{grid-column:2;text-align:left;min-width:0}.line__drop{grid-column:3}}.summary{position:sticky;top:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-lift)}.summary h2{margin:0 0 18px;font-size:17px;font-weight:700}.summary__rows{margin:0;display:grid;gap:12px}.summary__rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.summary__rows dt{color:var(--muted);font-size:14px}.summary__rows dd{margin:0;font-weight:600;font-size:14px;white-space:nowrap}.summary__free{color:var(--success);font-weight:700}.summary__pending{color:var(--muted);font-weight:500;font-size:13px}.summary__total{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 20px;padding-top:18px;border-top:1px solid var(--line);font-size:15px}.summary__total strong{font-size:24px;font-family:var(--serif)}.summary__note{color:var(--muted);font-size:13px;margin:12px 0 0}.summary__fine{color:var(--muted);font-size:12px;margin:16px 0 0;line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.fields{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.field--wide{grid-column:1 / -1}.field span{color:var(--muted);font-weight:600}.field input{height:44px;padding:0 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--surface);color:var(--ink);width:100%}.field input:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:1px;border-color:var(--brand)}.ac{position:relative}.ac input{height:44px;padding:0 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--surface);color:var(--ink);width:100%}.ac input:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:1px;border-color:var(--brand)}.ac__list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;list-style:none;margin:0;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift)}.ac__item{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);font:inherit;font-size:13.5px;padding:9px 11px;border-radius:8px;cursor:pointer}.ac__item--on,.ac__item:hover{background:var(--surface-2)}.orders{list-style:none;margin:0;padding:0;display:grid;gap:16px}.order{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.order__head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.order__items{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px}.order__items li{display:flex;gap:14px;justify-content:space-between;align-items:center}.chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;padding:5px 12px;border-radius:var(--radius-pill);white-space:nowrap;background:var(--surface-2);color:var(--muted);border:1px solid transparent}.chip--sm{font-size:11.5px;padding:3px 9px;gap:5px}.chip__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.chip--info{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}.chip--good{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.chip--warn{background:#fff3df;color:#96631a}.chip--bad{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.empty{text-align:center;padding:88px 24px;color:var(--muted)}.empty h1,.empty h2{color:var(--ink);font-family:var(--serif);font-weight:600;margin:0 0 10px}.empty__logo{height:30px;margin-bottom:22px}.notice{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);padding:14px 18px;border-radius:var(--radius);margin-bottom:20px;font-weight:600}.error{color:var(--danger)}.muted{color:var(--muted);font-size:13.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.footer{margin-top:auto;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13.5px}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;padding:40px 24px}.hero__art{order:-1}.checkout,.fields{grid-template-columns:1fr}.topbar__nav{display:none}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite;border-radius:var(--radius)}.skeleton--line{height:13px;border-radius:7px}@keyframes skeleton-sweep{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.steps{display:flex;align-items:center;gap:8px;list-style:none;margin:0 0 24px;padding:0;flex-wrap:wrap}.steps__item{display:flex;align-items:center}.steps__item+.steps__item:before{content:"";width:28px;height:1px;background:var(--line);margin:0 4px}.steps__item button{display:inline-flex;align-items:center;gap:9px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;padding:6px 4px}.steps__item button:disabled{cursor:default}.steps__num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:700}.steps__item.is-on button{color:var(--ink)}.steps__item.is-on .steps__num{background:var(--brand);color:#fff}.steps__item.is-done button{color:var(--ink)}.steps__item.is-done .steps__num{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.ship-recap{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--surface-2);border-radius:12px;margin-bottom:22px}.ship-recap strong{display:block;font-size:13px}.ship-recap p{margin:4px 0 0;color:var(--muted);font-size:13.5px}.card-field__box{min-height:46px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.card-field__loading{color:var(--muted);font-size:13.5px}.card-field__err{margin:8px 0 0;font-size:13px}.card-field__note{color:var(--muted);font-size:12px;margin:10px 0 0}.summary__ref{color:var(--muted);font-size:13px;margin:-8px 0 16px}.summary__items{list-style:none;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--line);display:grid;gap:10px;font-size:13.5px}.summary__items li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline}.summary__qty{color:var(--muted);font-variant-numeric:tabular-nums}.summary__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order__item-name{overflow:hidden;text-overflow:ellipsis}.field__hint{color:var(--muted);font-weight:400;font-size:12px}.field__err{color:var(--danger);font-weight:600;font-size:12px}.ac__off{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:400}.store-pick{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.store-pick select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--surface);color:var(--ink);width:100%}.store-pick select:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:1px;border-color:var(--brand)}.store-pick__hint{margin:8px 0 0;color:var(--muted);font-size:12.5px}.order--clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.order--clickable:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:var(--shadow-lift)}.drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a2c73;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);z-index:41;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:-12px 0 40px #101a2c29}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid var(--line)}.drawer__head h2{margin:0;font-size:17px;font-weight:700}.drawer__date{margin:4px 0 0;color:var(--muted);font-size:13px}.drawer__x{border:0;background:none;color:var(--muted);font-size:15px;cursor:pointer;padding:4px 6px;border-radius:8px}.drawer__x:hover{background:var(--surface-2);color:var(--ink)}.drawer__body{flex:1;overflow-y:auto;padding:22px 24px}.drawer__status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.drawer__status strong{font-size:20px;font-family:var(--serif)}.drawer__h3{margin:24px 0 10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.drawer__items{list-style:none;margin:0;padding:0;display:grid;gap:14px}.drawer__items>li{padding-bottom:14px;border-bottom:1px solid var(--line)}.drawer__items>li:last-child{border-bottom:0;padding-bottom:0}.drawer__item-main{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}.drawer__item-name{overflow:hidden;text-overflow:ellipsis}.drawer__item-meta{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:12.5px}.drawer__rows{margin:0;display:grid;gap:9px;font-size:14px}.drawer__rows>div{display:flex;justify-content:space-between;gap:12px}.drawer__rows dt{color:var(--muted)}.drawer__rows dd{margin:0;font-weight:600}.drawer__rows-total{padding-top:10px;border-top:1px solid var(--line);font-weight:700}.drawer__rows-total dt{color:var(--ink)!important;font-weight:700}.drawer__foot{padding:18px 24px;border-top:1px solid var(--line)}@media (max-width: 520px){.drawer{width:100vw}}.card-field__mount{min-height:20px}