@font-face{font-family:Julius Sans One;src:url(/assets/fonts/JuliusSansOne-Regular.ttf) format("truetype");font-weight:400;font-style:italic}:root{--font-sans: "Jost", system-ui, sans-serif;--font-serif: "Josefin Sans", sans-serif;--font-flevoux: "Julius Sans One", sans-serif;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #111111;--color-muted: #6b6b6b;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-border: #e4e4e4;--color-header-bg: #111111;--radius-sm: 6px;--radius-md: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 12px 36px rgba(0,0,0,.13);--header-h: 64px;--max-w: 1280px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}.sf-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--color-header-bg);border-bottom:1px solid rgba(255,255,255,.06)}.sf-header-inner{max-width:var(--max-w);margin:0 auto;height:100%;display:flex;align-items:center;padding:0 2rem;gap:2rem}.sf-brand{color:#fff;font-family:var(--font-serif);font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:.5rem}.sf-brand img{height:48px;width:auto;object-fit:contain;border-radius:4px}.sf-nav{display:flex;gap:.25rem;flex:1}.sf-nav-link{color:#ffffff8c;text-decoration:none;font-size:.77rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:color .15s,background .15s}.sf-nav-link:hover,.sf-nav-link.active{color:#fff;background:#ffffff17}.sf-cart-btn{position:relative;color:#ffffffbf;text-decoration:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);transition:color .15s,background .15s;flex-shrink:0}.sf-cart-btn:hover{color:#fff;background:#ffffff17}.sf-cart-badge{position:absolute;top:2px;right:2px;background:var(--color-primary);color:#fff;font-size:.58rem;font-weight:700;min-width:15px;height:15px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.4rem;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;letter-spacing:.01em;transition:background .15s,box-shadow .15s}.sf-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #2563eb4d}.sf-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sf-btn-ghost{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.sf-btn-ghost:hover{background:#ebebeb;box-shadow:none;border-color:#c8c8c8}.sf-btn-dark{background:var(--color-text)}.sf-btn-dark:hover{background:#2b2b2b;box-shadow:0 4px 12px #00000038}.form-label{font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-muted)}.form-input{padding:.6rem .85rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);width:100%;transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--color-text);box-shadow:0 0 0 3px #0000000f}.form-input:disabled{background:var(--color-bg);color:var(--color-muted);cursor:default}.sf-loading-wrap,.sf-empty-wrap{text-align:center;padding:5rem 1rem;color:var(--color-muted)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#ebebeb 25%,#f5f5f5,#ebebeb 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}