:root{--paper:var(--bg);--card:var(--surface);--ink:var(--fg);--ink-muted:var(--fg-muted);--muted:var(--fg-muted);--accent:var(--action);--accent-dark:var(--action-hover);--line-legacy:var(--line);--error:var(--danger);--radius:var(--r-md)}html{scroll-padding-top:calc(var(--header-h) + 56px)}@media (width<=899px){html{scroll-padding-top:calc(var(--header-h-mobile) + 12px);scroll-padding-bottom:104px}}body{flex-direction:column;min-height:100vh;margin:0;display:flex}.page{width:100%;max-width:var(--content-max);padding:var(--s-6) var(--gutter) 0;box-sizing:border-box;flex:1;margin:0 auto}main{width:100%}:where(h1,h2,h3){font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:800;line-height:var(--leading-tight);text-wrap:balance}:where(h1){font-size:clamp(var(--text-2xl), 4.4vw, var(--text-4xl));margin:var(--s-2) 0 var(--s-4)}:where(h2){font-size:var(--text-xl)}:where(a){color:inherit}.ui-appbar{top:env(safe-area-inset-top,0px);z-index:var(--z-header);align-items:center;gap:var(--s-3);height:var(--header-h-mobile);padding:0 var(--gutter);background:var(--surface);border-bottom:var(--border) solid var(--line);display:flex;position:sticky}.ui-appbar-back{align-items:center;gap:var(--s-1);min-height:var(--tap);color:var(--fg-muted);white-space:nowrap;font-weight:500;text-decoration:none;display:inline-flex}.ui-appbar-back:hover{color:var(--fg)}.ui-appbar-title{text-align:center;min-width:0;font:700 var(--text-md) / 1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.page--app{max-width:none;padding:0}:where(.product-grid){gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=520px){:where(.product-grid){gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}}:where(.grid){gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}:where(.card){background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--r-lg);padding:var(--s-5)}:where(button:not([class*=ui-])){justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-5);border:var(--border-strong) solid var(--action);border-radius:var(--r-md);background:var(--action);color:var(--action-fg);font:600 var(--text-md) / 1 var(--font-body);cursor:pointer;box-shadow:var(--sh-press);display:inline-flex}:where(button:not([class*=ui-]):hover){background:var(--action-hover)}:where(button.secondary:not([class*=ui-])){background:var(--surface);color:var(--fg);border-color:var(--fg);box-shadow:none}:where(button.secondary:not([class*=ui-]):hover){background:var(--surface-2)}:where(button:disabled){opacity:.45;cursor:default;box-shadow:none}:where(.cta){align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-6);border-radius:var(--r-md);background:var(--action);color:var(--action-fg);font:600 var(--text-md) / 1 var(--font-body);box-shadow:var(--sh-press);text-decoration:none;display:inline-flex}:where(.cta:hover){background:var(--action-hover)}:where(.cta.ghost){color:inherit;border:var(--border-strong) solid currentColor;box-shadow:none;background:0 0}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[class*=ui-]),select:not([class*=ui-]),textarea:not([class*=ui-])){min-height:var(--tap);padding:0 var(--s-3);border:var(--border-strong) solid var(--line-strong);border-radius:var(--r-sm);font:400 var(--text-md) / 1.3 var(--font-body);background:var(--surface);color:var(--fg);box-sizing:border-box}:where(textarea:not([class*=ui-])){padding:var(--s-2) var(--s-3)}:where(input:not([class*=ui-]),select:not([class*=ui-]),textarea:not([class*=ui-])):focus{border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft);outline:none}:where(input[type=checkbox]:not([class*=ui-]),input[type=radio]:not([class*=ui-])){accent-color:var(--action);width:20px;height:20px}:where(.error){color:var(--danger)}:where(.muted){color:var(--fg-muted)}:where(table.totals td){padding:var(--s-1) var(--s-4) var(--s-1) 0;font-variant-numeric:tabular-nums}:where(.prose){max-width:46rem;line-height:var(--leading-body);margin:0 auto}:where(.prose h2){font-size:var(--text-xl);margin:var(--s-8) 0 var(--s-2)}:where(.prose h3){font-size:var(--text-lg);margin:var(--s-6) 0 var(--s-2)}:where(.prose .lead){font-size:var(--text-lg);color:var(--fg-muted)}.ui-footer{margin-top:var(--s-16);padding:var(--s-12) var(--gutter) calc(var(--s-8) + env(safe-area-inset-bottom,0px))}.ui-footer-inner{max-width:calc(var(--content-max) - 2 * var(--gutter));gap:var(--s-10);margin:0 auto;display:grid}.ui-footer-cols{gap:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.ui-footer h2{font:500 var(--text-xs) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--s-3)}.ui-footer nav{display:grid}.ui-footer nav a,.ui-footer .ui-footer-contact a{min-height:var(--tap);color:var(--fg);align-items:center;text-decoration:none;display:flex}.ui-footer nav a:hover{text-decoration:underline}.ui-footer .phone{font:700 var(--text-xl) / 1 var(--font-display)}.ui-footer-legal{gap:var(--s-2) var(--s-6);padding-top:var(--s-5);border-top:var(--border) solid var(--line);font-size:var(--text-sm);color:var(--fg-muted);flex-wrap:wrap;display:flex}