:root{--sf-color-primary: #1f2937;--sf-color-accent: #3b82f6;--sf-color-surface: #ffffff;--sf-color-text: #111827;--sf-font-heading: system-ui, sans-serif;--sf-font-body: system-ui, sans-serif;--sf-radius: 4px;--sf-space: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}.sf-app{min-height:100vh;display:flex;flex-direction:column;background:var(--sf-color-surface);color:var(--sf-color-text);font-family:var(--sf-font-body)}.sf-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--sf-space) * 2);padding:calc(var(--sf-space) * 2) calc(var(--sf-space) * 3);background:var(--sf-color-primary);color:#fff;flex-wrap:wrap}.sf-brand{display:flex;align-items:center;gap:var(--sf-space);font-family:var(--sf-font-heading);font-size:1.25rem;font-weight:700}.sf-brand__logo{height:32px;width:auto;display:block}.sf-nav{display:flex;gap:calc(var(--sf-space) * 2);flex-wrap:wrap}.sf-nav a{color:#fff;text-decoration:none;opacity:.9}.sf-nav a:hover{opacity:1;text-decoration:underline}.sf-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:calc(var(--sf-space) * 3)}.sf-section{margin-bottom:calc(var(--sf-space) * 4)}.sf-section h2{font-family:var(--sf-font-heading);color:var(--sf-color-primary)}.sf-section__media{width:100%;border-radius:var(--sf-radius);overflow:hidden;background:#0000000a}.sf-section__media img{width:100%;height:auto;display:block;object-fit:cover}.sf-footer{padding:calc(var(--sf-space) * 2) calc(var(--sf-space) * 3);border-top:1px solid rgba(0,0,0,.08);font-size:.85rem;opacity:.8}.sf-state{max-width:640px;margin:calc(var(--sf-space) * 8) auto;padding:calc(var(--sf-space) * 4);text-align:center}.sf-state h1{font-family:var(--sf-font-heading);color:var(--sf-color-primary)}.sf-state__code{display:inline-block;margin-top:var(--sf-space);padding:calc(var(--sf-space) / 2) var(--sf-space);border-radius:var(--sf-radius);background:#0000000f;font-family:ui-monospace,monospace;font-size:.8rem}.sf-button{font:inherit;border:none;border-radius:var(--sf-radius);padding:var(--sf-space) calc(var(--sf-space) * 2);background:var(--sf-color-accent);color:#fff;cursor:pointer}.sf-product-grid{display:grid;gap:calc(var(--sf-space) * 2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sf-product-card{border:1px solid rgba(0,0,0,.08);border-radius:var(--sf-radius);padding:var(--sf-space);display:flex;flex-direction:column;gap:var(--sf-space)}.sf-product-card img{width:100%;height:auto;border-radius:var(--sf-radius);object-fit:cover}.sf-cart__line{display:flex;align-items:center;gap:var(--sf-space);flex-wrap:wrap}.sf-checkout fieldset{border:1px solid rgba(0,0,0,.12);border-radius:var(--sf-radius);margin-bottom:calc(var(--sf-space) * 2)}@media(min-width:1024px){.sf-main{padding:calc(var(--sf-space) * 4)}}@media(max-width:1023px){.sf-product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:640px){.sf-main{padding:calc(var(--sf-space) * 2)}.sf-product-grid{grid-template-columns:1fr}.sf-header{flex-direction:column;align-items:flex-start}.sf-section__media img{aspect-ratio:4 / 3}}.sf-chrome{display:flex;align-items:center;gap:calc(var(--sf-space) * 2);flex-wrap:wrap;margin-left:auto}.sf-chrome__links{display:flex;align-items:center;gap:calc(var(--sf-space) * 2)}.sf-chrome__links a{color:#fff;text-decoration:none;opacity:.9}.sf-chrome__links a:hover{opacity:1;text-decoration:underline}.sf-chrome__count{display:inline-block;margin-left:calc(var(--sf-space) / 2);padding:0 calc(var(--sf-space) / 2);border-radius:var(--sf-radius);background:var(--sf-color-accent);color:#fff;font-size:.75rem;line-height:1.4}.sf-search{display:flex;align-items:center;gap:var(--sf-space);flex-wrap:wrap}.sf-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sf-search input[type=search]{font:inherit;padding:calc(var(--sf-space) / 2) var(--sf-space);border:1px solid rgba(255,255,255,.4);border-radius:var(--sf-radius)}