:root{--blue: #4A98CB;--gold: #D49746;--mint: #7CD6C2;--blue-deep: #3973B0;--blue-ink: #1F5A85;--gold-deep: #8A5B12;--mint-deep: #0F6B57;--paper: #F7F9FB;--card: #FFFFFF;--navy: #12293D;--ink: #14212B;--muted: #5B6B78;--line: #DFE7ED;--line-strong: #C3D0DA;--ok: #1B7F4B;--ok-bg: #E8F5EE;--warn: #8A5B12;--warn-bg: #FBF1E0;--err: #A8232B;--err-bg: #FBEAEA;--variance-short: #A8232B;--variance-over: #1B7F4B;--topbar-bg: var(--card);--topbar-fg: var(--ink);--tabbar-bg: var(--card);--tab-on: var(--blue-ink);--tab-off: var(--muted);--action-bg: var(--blue);--action-fg: var(--ink);--basketbar-bg: var(--navy);--basketbar-fg: var(--card);--hero-bg: var(--navy);--hero-fg: var(--card);--hero-accent: var(--mint);--pick-min: 150px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-kpi: 1.75rem;--tap: 48px;--tap-min: 44px;--topbar-h: 56px;--tabbar-h: 60px;--tabbar-space: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px));--app-max: 720px;--app-max-rail: 1100px;--rail-w: 220px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-1: 0 1px 2px rgba(20, 33, 43, .06), 0 1px 3px rgba(20, 33, 43, .08);--shadow-2: 0 4px 16px rgba(20, 33, 43, .12);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-look=kiosk]{--topbar-bg: var(--navy);--topbar-fg: var(--card);--tabbar-bg: var(--navy);--tab-on: var(--gold);--tab-off: #9FB0BD;--action-bg: var(--gold);--action-fg: var(--ink);--pick-min: 190px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:var(--text-md);line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.tabular{font-variant-numeric:tabular-nums}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--blue-ink);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius);background:transparent;font-size:var(--text-md);font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--action-bg);color:var(--action-fg)}.btn--primary:hover:not(:disabled){background:var(--blue-deep);color:var(--card)}.btn--secondary{background:var(--card);color:var(--blue-ink);border-color:var(--line-strong)}.btn--secondary:hover:not(:disabled){background:var(--paper)}.btn--quiet{background:transparent;color:var(--blue-ink)}.btn--quiet:hover:not(:disabled){background:var(--paper)}.btn--danger{background:var(--err);color:var(--card)}.btn--icon{min-width:var(--tap-min);min-height:var(--tap-min);padding:0}.field{display:block;margin-bottom:var(--space-4)}.field-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--ink)}.field-optional{font-weight:400;color:var(--muted)}.field-input{display:block;width:100%;min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card);color:var(--ink);font-size:16px}textarea.field-input{min-height:calc(var(--tap) * 2);padding:var(--space-2) var(--space-3)}.field-input:disabled{background:var(--paper);color:var(--muted)}.field-input--error{border-color:var(--err)}.field-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.field-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--err);font-weight:600}.field-row{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 620px){.field-row{grid-template-columns:1fr 1fr}}.listrow{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-3);border:0;border-bottom:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;text-decoration:none;color:inherit}.listrow:last-child{border-bottom:0}.listrow:hover{background:var(--paper)}.listrow-main{flex:1;min-width:0}.listrow-title{display:block;font-weight:600}.listrow-sub{display:block;font-size:var(--text-sm);color:var(--muted)}.listrow-end{text-align:right;white-space:nowrap}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-height:var(--tap);padding:var(--space-1) 0;border:0;background:transparent;color:var(--tab-off);font-size:var(--text-xs);font-weight:600;text-decoration:none;cursor:pointer}.tab[aria-current=page]{color:var(--tab-on)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card--pad,.tile{padding:var(--space-4)}.tile-label{font-size:var(--text-sm);color:var(--muted)}.tile-value{font-size:var(--text-kpi);font-weight:700;line-height:1.2}.delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600}.delta--up{color:var(--ok)}.delta--down{color:var(--err)}.delta--flat{color:var(--muted)}.notice{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid transparent;font-size:var(--text-sm)}.notice--ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.notice--warn{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}.notice--err{background:var(--err-bg);border-color:var(--err);color:var(--err)}.empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--muted)}.empty-title{font-weight:600;color:var(--ink);margin-bottom:var(--space-2)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14212b73;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:var(--app-max);max-height:88vh;display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-2);padding-bottom:env(safe-area-inset-bottom,0px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line)}.sheet-title{font-size:var(--text-lg);font-weight:700}.sheet-body{flex:1;overflow-y:auto;padding:var(--space-4)}.sheet-foot{padding:var(--space-4);border-top:1px solid var(--line);background:var(--card)}@media (min-width: 900px){.sheet-backdrop{align-items:center}.sheet{max-width:560px;border-radius:var(--radius-lg);max-height:82vh}}.segmented{display:inline-flex;padding:3px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line)}.segment{min-height:var(--tap-min);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:600;cursor:pointer}.segment[aria-pressed=true]{background:var(--card);color:var(--blue-ink);box-shadow:var(--shadow-1)}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-h);padding:0 var(--space-3);background:var(--topbar-bg);color:var(--topbar-fg);border-bottom:1px solid var(--line)}.topbar-title{flex:1;font-size:var(--text-lg);font-weight:700}.topbar-badge{font-size:var(--text-xs);font-weight:700;padding:2px var(--space-2);border-radius:999px;background:var(--warn-bg);color:var(--warn)}.main{flex:1;width:100%;max-width:var(--app-max);margin:0 auto;padding:var(--space-4) var(--space-3);padding-bottom:calc(var(--tabbar-space) + var(--space-5))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--tabbar-bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.rail{display:none}@media (min-width: 900px){:root:not([data-layout=column]) .app{flex-direction:row}:root:not([data-layout=column]) .rail{display:flex;flex-direction:column;gap:var(--space-1);width:var(--rail-w);flex:0 0 var(--rail-w);padding:var(--space-4) var(--space-2);background:var(--tabbar-bg);border-right:1px solid var(--line);min-height:100dvh}:root:not([data-layout=column]) .rail .tab{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius);font-size:var(--text-md)}:root:not([data-layout=column]) .rail .tab[aria-current=page]{background:var(--paper)}:root:not([data-layout=column]) .tabbar{display:none}:root:not([data-layout=column]) .app-body{flex:1;min-width:0;display:flex;flex-direction:column}:root:not([data-layout=column]) .main{max-width:var(--app-max-rail);padding:var(--space-5);padding-bottom:var(--space-5)}}.rail-brand{padding:0 var(--space-3) var(--space-4);font-size:var(--text-lg);font-weight:700}.store{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper)}.store-bar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);background:var(--card);border-bottom:1px solid var(--line)}.store-brand{display:inline-flex;align-items:center;min-height:var(--tap-min);min-width:var(--tap-min);font-size:var(--text-lg);font-weight:700;color:var(--blue-ink);text-decoration:none}.hero{background:var(--hero-bg);color:var(--hero-fg);padding:var(--space-6) var(--space-4);text-align:center}.hero-name{font-size:var(--text-xl);font-weight:700}.hero-tagline{margin-top:var(--space-2);color:var(--hero-accent);font-size:var(--text-md)}.store-main{flex:1;width:100%;max-width:var(--app-max-rail);margin:0 auto;padding:var(--space-4)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media (min-width: 620px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.store-foot{padding:var(--space-5) var(--space-4);background:var(--navy);color:var(--card);font-size:var(--text-sm)}.product-card{display:block;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;text-decoration:none;color:inherit}.product-img{aspect-ratio:3 / 4;background:var(--paper)}.product-body{padding:var(--space-3)}.product-name{font-weight:600;font-size:var(--text-sm)}.product-price{font-weight:700;margin-top:var(--space-1)}.product-gone{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}.sizes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.size{min-height:var(--tap);min-width:var(--tap);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card);font-weight:600;cursor:pointer}.size[aria-pressed=true]{border-color:var(--blue-ink);background:var(--paper)}.size:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}.fits{font-size:var(--text-sm);color:var(--muted)}.store-cta{position:sticky;bottom:0;padding:var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--paper)}.store-detail{max-width:560px;margin:0 auto}.store-hero-img{aspect-ratio:3 / 4;max-height:45vh;background:var(--card);border-radius:var(--radius)}@media (min-width: 900px){.store-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;gap:var(--space-5);max-width:var(--app-max-rail);align-items:start}.store-hero-img{grid-row:1 / span 6;max-height:none}.store-cta{position:static}}