:root{--galaxy-50: #EBF7FA;--galaxy-100: #CCEBF2;--galaxy-300: #66BBD2;--galaxy-400: #339DBF;--galaxy-500: #0085AF;--galaxy-700: #005F7D;--signal-orange: #E85E04;--orange-text: #C24E00;--ink: #1D1D1D;--slate: #5F6B70;--line: #E4E7E9;--white: #FFFFFF;--brand: var(--galaxy-500);--brand-hover: var(--galaxy-400);--brand-strong: var(--galaxy-700);--text-body: var(--ink);--text-meta: var(--slate);--text-link: var(--galaxy-700);--text-on-brand: var(--white);--surface-page: var(--white);--surface-tint: var(--galaxy-50);--surface-band: var(--galaxy-100);--surface-footer: var(--galaxy-700);--border-default: var(--line);--border-divider: var(--galaxy-300);--accent-trade: var(--signal-orange);--accent-trade-text: var(--orange-text);--focus-ring: var(--galaxy-700);--font-display: "Montserrat", "Nunito Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-page-title: 28px;--text-section-title: 20px;--text-price: 17px;--text-product: 15px;--text-body-size: 14px;--text-ui: 14px;--text-meta-size: 12px;--leading-body: 1.5;--leading-heading: 1.25;--tracking-display: -.01em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--gap-card: 16px;--pad-card: 14px;--radius: 6px;--radius-sm: 4px;--radius-card: 8px;--radius-frame: 10px;--border-width: 1px;--border: 1px solid var(--line);--shadow-none: none;--shadow-pop: 0 4px 16px rgba(0, 95, 125, .12);--dur-fast: .15s;--transition-color: background-color .15s ease, color .15s ease, border-color .15s ease;--sidebar-width: 232px;--content-max: 1100px;--shell-max: 1400px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-tint);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-body);font-size:inherit;font-weight:var(--weight-bold);line-height:var(--leading-heading)}.h-page{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-heading)}.h-section{font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-heading)}p{margin:0}a{color:var(--text-link);text-decoration:none;transition:var(--transition-color)}a:hover{color:var(--text-link);text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.on-brand :focus-visible{outline-color:var(--white)}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}.mono{font-family:var(--font-mono)}.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}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:9px 16px;font-size:var(--text-ui);font-weight:var(--weight-semibold);border-radius:var(--radius);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition-color)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--lg{min-height:46px;padding:13px 22px;font-size:16px}.btn--sm{min-height:34px;padding:6px 12px;font-size:13px}.btn--primary{color:var(--text-on-brand);background:var(--brand);border-color:var(--brand)}.btn--primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.btn--primary:disabled{background:var(--galaxy-300);border-color:var(--galaxy-300)}.btn--secondary{color:var(--brand-strong);background:transparent;border-color:var(--brand-strong)}.btn--secondary:hover:not(:disabled){color:var(--white);background:var(--brand-strong)}.btn--ghost{color:var(--brand-strong);background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-tint)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:var(--weight-bold);line-height:1.3;border-radius:var(--radius-sm);white-space:nowrap}.badge--trade,.badge--special{color:var(--white);background:var(--accent-trade)}.badge--neutral{color:var(--text-meta);background:var(--surface-tint);border:1px solid var(--border-default)}.badge--info{color:var(--brand-strong);background:var(--surface-band)}.stock{display:inline-block;font-size:var(--text-meta-size);color:var(--text-meta)}.stock--out{font-weight:var(--weight-semibold)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border);margin-bottom:var(--space-4)}.section-head__link{font-size:var(--text-ui);font-weight:var(--weight-semibold);flex:none}.info-panel{padding:var(--space-4);background:var(--surface-band);border-radius:var(--radius-card);font-size:var(--text-body-size);color:var(--brand-strong)}.card{background:var(--white);border:var(--border);border-radius:var(--radius-card)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--text-meta-size);font-weight:var(--weight-semibold);color:var(--text-meta)}.input{width:100%;padding:9px 13px;font-size:var(--text-body-size);background:var(--white);border:var(--border);border-radius:var(--radius);transition:var(--transition-color)}.input:hover:not(:disabled){border-color:var(--border-divider)}.input::placeholder{color:var(--text-meta)}.input:disabled{opacity:.55;cursor:not-allowed}.field__error{font-size:var(--text-meta-size);color:var(--accent-trade-text);font-weight:var(--weight-semibold)}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:11px;color:var(--text-meta);pointer-events:none;display:flex}.search .input{padding-left:36px}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-size);cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex:none}.qty{display:inline-flex;align-items:stretch;border:var(--border);border-radius:var(--radius);overflow:hidden;background:var(--white);flex:none}.qty__btn{display:flex;align-items:center;justify-content:center;width:32px;color:var(--brand-strong);background:var(--white);border:0;cursor:pointer;transition:var(--transition-color)}.qty__btn:hover:not(:disabled){background:var(--surface-tint)}.qty__btn:disabled{opacity:.55;cursor:not-allowed}.qty__input{width:46px;padding:7px 0;text-align:center;font-size:var(--text-body-size);font-weight:var(--weight-semibold);border:0;border-left:var(--border);border-right:var(--border);background:var(--white);-moz-appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price{display:flex;flex-direction:column;gap:1px}.price__amount{font-size:var(--text-price);font-weight:var(--weight-bold);line-height:1.3}.price__amount--trade{color:var(--accent-trade-text)}.price__was{font-size:var(--text-meta-size);color:var(--text-meta);text-decoration:line-through}.price__note{font-size:var(--text-meta-size);color:var(--text-meta)}.product-card{display:flex;flex-direction:column;padding:var(--pad-card);background:var(--white);border:var(--border);border-radius:var(--radius-card);transition:var(--transition-color);position:relative;height:100%}.product-card:hover{border-color:var(--border-divider)}.product-card__tile{position:relative;display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:var(--space-3);background:var(--surface-tint);border-radius:var(--radius);overflow:hidden}.product-card__tile img{max-width:100%;max-height:100%;object-fit:contain}.product-card__flag{position:absolute;top:6px;left:6px}.product-card__sku{font-family:var(--font-mono);font-size:var(--text-meta-size);color:var(--text-meta);margin-bottom:3px}.product-card__name{font-size:var(--text-product);font-weight:var(--weight-medium);line-height:1.4;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.4em * 3)}.product-card__spacer{flex:1}.product-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-card);align-items:stretch}.grid-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--white);border:var(--border);border-radius:var(--radius-card);overflow:hidden}.grid-detail__cell{background:var(--white);outline:1px solid var(--border-default);padding:var(--space-4)}.grid-detail__label{font-size:var(--text-meta-size);color:var(--text-meta)}.grid-detail__value{font-size:var(--text-body-size);margin-top:3px}.table{font-size:var(--text-body-size)}.table th{text-align:left;font-size:var(--text-meta-size);font-weight:var(--weight-semibold);color:var(--text-meta);padding:0 var(--space-3) var(--space-2);border-bottom:var(--border);white-space:nowrap}.table td{padding:var(--space-3);border-bottom:var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:6px 12px;font-size:13px;font-weight:var(--weight-semibold);color:var(--brand-strong);background:var(--white);border:var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition-color)}.chip:hover{border-color:var(--border-divider)}.chip[aria-pressed=true]{color:var(--white);background:var(--brand-strong);border-color:var(--brand-strong)}.empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-meta);background:var(--white);border:var(--border);border-radius:var(--radius-card)}.empty__title{font-size:var(--text-product);font-weight:var(--weight-semibold);color:var(--text-body);margin-bottom:var(--space-2)}.shell{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-tint)}.announce{background:var(--surface-band);color:var(--brand-strong);font-size:var(--text-meta-size)}.announce__inner{max-width:var(--shell-max);margin:0 auto;padding:7px var(--space-6);display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.announce__item{display:inline-flex;align-items:center;gap:6px}.masthead{background:var(--brand);color:var(--white)}.masthead__inner{max-width:var(--shell-max);margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-5)}.masthead__logo{display:flex;align-items:center;flex:none}.masthead__logo img{height:34px;width:auto;display:block}.masthead__wordmark{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-semibold);letter-spacing:2px;color:var(--white)}.masthead__search{flex:1;max-width:460px}.masthead__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.masthead__action{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;font-size:var(--text-ui);font-weight:var(--weight-semibold);color:var(--white);background:transparent;border:0;border-radius:var(--radius);cursor:pointer;transition:var(--transition-color);text-decoration:none}.masthead__action:hover{background:var(--brand-hover);color:var(--white);text-decoration:none}.masthead__cart-count{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-bold);color:var(--white);background:var(--accent-trade);border-radius:9px}.shell__body{flex:1;width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--space-6);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--space-8);align-items:start}.sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar__account{padding:var(--space-4);background:var(--white);border:var(--border);border-radius:var(--radius-card)}.sidebar__account-name{font-size:var(--text-body-size);font-weight:var(--weight-bold);line-height:1.35;overflow-wrap:anywhere}.sidebar__account-code{font-family:var(--font-mono);font-size:var(--text-meta-size);color:var(--text-meta);margin-top:3px}.sidebar__account-badge{margin-top:var(--space-3)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);font-size:var(--text-ui);font-weight:var(--weight-semibold);color:var(--brand-strong);border-radius:var(--radius);transition:var(--transition-color)}.sidebar__link:hover{background:var(--white);color:var(--brand-strong);text-decoration:none}.sidebar__link[aria-current=page]{color:var(--white);background:var(--brand)}.sidebar__link[aria-current=page]:hover{background:var(--brand-strong);color:var(--white)}.sidebar__link-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-bold);color:var(--white);background:var(--accent-trade);border-radius:10px}.sidebar__link[aria-current=page] .sidebar__link-badge{background:var(--white);color:var(--accent-trade-text)}.sidebar__help{padding:var(--space-4);background:var(--surface-band);border-radius:var(--radius-card);font-size:var(--text-meta-size);color:var(--brand-strong);line-height:var(--leading-body)}.sidebar__help-title{font-size:var(--text-body-size);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.content{min-width:0;display:flex;flex-direction:column;gap:var(--space-8)}.page-head__title{margin-bottom:6px}.page-head__sub{font-size:var(--text-body-size);color:var(--text-meta)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--tight{gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.footer{background:var(--surface-footer);color:var(--white);margin-top:var(--space-12)}.footer__inner{max-width:var(--shell-max);margin:0 auto;padding:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);align-items:center;font-size:var(--text-meta-size);color:var(--galaxy-100)}.footer a{color:var(--white)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--surface-tint)}.login__card{width:100%;max-width:420px;padding:var(--space-8);background:var(--white);border:var(--border);border-radius:var(--radius-frame)}.login__brand{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);background:var(--brand);border-radius:var(--radius)}.login__brand img{height:34px;width:auto;display:block}.login__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;font-size:var(--text-meta-size);color:var(--text-meta)}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.login__error{padding:var(--space-3);font-size:var(--text-meta-size);font-weight:var(--weight-semibold);color:var(--accent-trade-text);background:#fdf0e7;border-radius:var(--radius)}.login__foot{margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--border);font-size:var(--text-meta-size);color:var(--text-meta);line-height:var(--leading-body)}@media(max-width:900px){.shell__body{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding:var(--space-4)}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.sidebar__help,.masthead__search{display:none}.announce__inner{padding:7px var(--space-4)}.masthead__inner{padding:var(--space-3) var(--space-4)}}@media(max-width:560px){.masthead__action span{display:none}.grid-products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}