ZAVADA — design system :root{--bg:#2f3024;--bg-elev:#3a3b2d;--bg-panel:#424335;--bg-hover:#4c4d3c;--border:#5a5b46;--border-strong:#767759;--fg:#ecead3;--fg-muted:#bcb998;--fg-dim:#8e8b6f;--blue:#95aac0;--blue-ink:#2a3340;--yellow:#d8b84a;--yellow-ink:#2a2310;--danger:#c26a55;--ok:#8fa75a;--r-sm:2px;--r-md:4px;--r-lg:6px;--grid:8px;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Manrope", "Inter", system-ui, sans-serif;--display:"Space Grotesk", "Manrope", system-ui, sans-serif;--nav-h:64px;--subnav-h:40px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.mono{font-family:var(--mono);font-feature-settings:"zero", "ss01"}.display{font-family:var(--display);letter-spacing:-.02em}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 32px}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;font-weight:500}.eyebrow .dot{background:var(--yellow);width:6px;height:6px;margin-right:8px;display:inline-block;transform:translateY(-1px)}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.05}h1{font-size:clamp(48px,6vw,88px)}h2{font-size:clamp(32px,3.6vw,56px)}h3{letter-spacing:-.01em;font-size:22px}h4{letter-spacing:0;font-size:15px;font-weight:600}p{margin:0}.topbar{background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-size:11px}.topbar-inner{height:var(--subnav-h);justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.topbar .left,.topbar .right{align-items:center;gap:20px;display:flex}.topbar .stat{align-items:center;gap:6px;display:flex}.topbar .stat .led{background:var(--ok);width:6px;height:6px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav{background:var(--bg);border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--bg) 92%, transparent);position:sticky;top:0}.nav-inner{height:var(--nav-h);align-items:center;gap:32px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.logo{font-family:var(--display);letter-spacing:.02em;color:var(--fg);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo-mark{background:var(--yellow);color:#2f3024;border-radius:2px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logo-text{letter-spacing:.04em}.logo-text em{color:var(--yellow);font-style:normal;font-weight:800}.nav-links{flex:1;align-items:center;gap:4px;display:flex}.nav-link{color:var(--fg-muted);border-radius:var(--r-md);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.nav-link:hover{color:var(--fg);background:var(--bg-hover)}.nav-link.active{color:var(--fg)}.nav-link.active:after{content:"";background:var(--yellow);width:6px;height:6px;margin-left:4px;display:inline-block}.nav-link .count{font-family:var(--mono);color:var(--fg-dim);font-size:10px}.nav-actions{align-items:center;gap:10px;display:flex}.lang-toggle{border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--mono);font-size:11px;display:flex;overflow:hidden}.lang-toggle button{color:var(--fg-muted);padding:5px 10px}.lang-toggle button.active{background:var(--fg);color:var(--bg)}.cart-btn{border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;padding:7px 14px;font-size:11px;display:flex}.cart-btn:hover{border-color:var(--yellow)}.cart-btn .badge{background:var(--yellow);color:#000;text-align:center;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}.btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-md);white-space:nowrap;border:1px solid #0000;align-items:center;gap:10px;padding:12px 22px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--yellow);color:#000}.btn-primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--yellow) 20%, transparent);background:#ffd536}.btn-ghost{color:var(--fg);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--fg)}.btn-block{background:var(--fg);color:var(--bg)}.btn-block:hover{background:var(--yellow);color:#000}.arrow{display:inline-block;transform:translateY(1px)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md)}.panel-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.corners{position:relative}.corners:before,.corners:after{content:"";border:1px solid var(--yellow);width:12px;height:12px;position:absolute}.corners:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.corners:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.ph{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--fg) 3%, transparent) 0 1px, transparent 1px 8px), var(--bg-elev);border:1px solid var(--border);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);justify-content:center;align-items:center;font-size:10px;display:flex;position:relative;overflow:hidden}.ph:before{content:"";border:1px dashed color-mix(in srgb, var(--fg) 15%, transparent);position:absolute;inset:8px}.ph .ph-label{z-index:2;background:var(--bg-panel);border:1px solid var(--border);padding:4px 10px;position:relative}.spec-row{border-bottom:1px dashed var(--border);font-family:var(--mono);grid-template-columns:160px 1fr auto;align-items:baseline;gap:16px;padding:12px 0;font-size:12px;display:grid}.spec-row .k{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.spec-row .v{color:var(--fg)}.spec-row .unit{color:var(--fg-muted)}.tag{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);color:var(--fg-muted);align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:inline-flex}.tag.hot{color:var(--yellow);border-color:var(--yellow)}.tag.new{color:var(--blue);border-color:var(--blue);background:color-mix(in srgb, var(--blue) 10%, transparent)}.tag.stock{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, var(--border))}.tag.stock:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px}.footer{border-top:1px solid var(--border);background:var(--bg-elev);margin-top:100px;padding:60px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;display:grid}.footer h4{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:16px;font-size:10px;font-weight:500}.footer a{color:var(--fg-muted);padding:4px 0;font-size:13px;display:block}.footer a:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--border);font-family:var(--mono);color:var(--fg-dim);letter-spacing:.05em;justify-content:space-between;margin-top:48px;padding-top:20px;font-size:11px;display:flex}.tweaks-panel{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-md);z-index:9999;width:320px;font-family:var(--sans);position:fixed;bottom:24px;right:24px;box-shadow:0 20px 60px #00000080}.tweaks-panel-hdr{border-bottom:1px solid var(--border);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;display:flex}.tweaks-body{padding:16px}.tweak-group{margin-bottom:18px}.tweak-group:last-child{margin-bottom:0}.tweak-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px;font-size:10px}.tweak-options{flex-wrap:wrap;gap:4px;display:flex}.tweak-opt{border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);font-family:var(--mono);border-radius:var(--r-sm);text-align:center;flex:1;min-width:50px;padding:8px 10px;font-size:11px;transition:all .12s}.tweak-opt:hover{border-color:var(--border-strong);color:var(--fg)}.tweak-opt.active{background:var(--yellow);border-color:var(--yellow);color:#000}.divider-dash{background:repeating-linear-gradient(90deg, var(--border) 0 6px, transparent 6px 12px);height:1px}.sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.page-enter{animation:.25s ease-out pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mobile-menu-btn{border:1px solid var(--border);border-radius:var(--r-md);width:40px;height:40px;color:var(--fg);background:0 0;justify-content:center;align-items:center;display:none}.mobile-menu-btn svg{display:block}@media (max-width:1024px){.container{max-width:100%!important;padding:0 24px!important}.topbar-inner{padding:0 24px!important}.nav-inner{gap:20px!important;padding:0 24px!important}.footer-grid{grid-template-columns:1.5fr 1fr 1fr!important;gap:32px!important}.topbar .left>:nth-child(n+5),.topbar .right>:nth-child(n+3){display:none!important}[style*="grid-template-columns: repeat(4"],[style*="gridTemplateColumns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="gridTemplateColumns: repeat(5"]{grid-template-columns:repeat(2,1fr)!important}[style*="grid-template-columns: 320px"]{grid-template-columns:240px 1fr!important}[style*="grid-template-columns: 260px"]{grid-template-columns:220px 1fr!important}}@media (max-width:768px){body{font-size:14px}.container{padding:0 18px!important}.topbar{display:none!important}.nav-inner{justify-content:space-between!important;gap:12px!important;height:56px!important;padding:0 18px!important}.logo{gap:8px!important;font-size:18px!important}.logo-mark,.logo-seal,.logo-seal svg{width:30px!important;height:30px!important}.nav-links{background:var(--bg);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;z-index:49;max-height:calc(100vh - 56px);transition:transform .25s ease-out,opacity .2s;top:56px;left:0;right:0;overflow-y:auto;transform:translateY(-110%);flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:12px 18px 20px!important;position:fixed!important}body.mobile-nav-open .nav-links{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{justify-content:space-between;width:100%;border-bottom:1px solid var(--border)!important;border-radius:0!important;padding:14px 12px!important;font-size:15px!important}.mobile-menu-btn{display:flex}.nav-actions{gap:8px!important}.lang-toggle button{padding:5px 8px!important}.cart-btn{padding:6px 10px!important;font-size:10px!important}.cart-btn span:not(.badge){display:none}h1{font-size:clamp(34px,9vw,52px)!important}h2{font-size:clamp(26px,6.5vw,36px)!important}[style*=clamp\(72px],[style*=clamp\(56px],[style*=clamp\(48px]{font-size:clamp(32px,9vw,56px)!important}[style*=clamp\(42px],[style*=clamp\(40px],[style*=clamp\(38px]{font-size:clamp(28px,7.5vw,40px)!important}[style*="grid-template-columns: 1fr 1fr"]:not([style*=auto]),[style*="gridTemplateColumns: 1fr 1fr"]:not([style*=auto]),[style*="grid-template-columns: 1fr 1.2fr"],[style*="gridTemplateColumns: 1fr 1.2fr"],[style*="grid-template-columns: 1.2fr 1fr"],[style*="gridTemplateColumns: 1.2fr 1fr"],[style*="grid-template-columns: 1.15fr 1fr"],[style*="gridTemplateColumns: 1.15fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="gridTemplateColumns: 1fr 2fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="gridTemplateColumns: 1fr 1fr 1fr"],[style*="grid-template-columns: repeat(2"],[style*="gridTemplateColumns: repeat(2"],[style*="grid-template-columns: repeat(3"],[style*="gridTemplateColumns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="gridTemplateColumns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="gridTemplateColumns: repeat(5"],[style*="grid-template-columns: 320px"],[style*="gridTemplateColumns: 320px"],[style*="grid-template-columns: 260px"],[style*="gridTemplateColumns: 260px"]{grid-template-columns:1fr!important;gap:20px!important}[style*="padding: 80px 32px"],[style*="padding:80px 32px"],[style*="padding: 80px 40px"],[style*="padding:80px 40px"]{padding:48px 18px!important}[style*="padding: 60px 32px"],[style*="padding:60px 32px"],[style*="padding: 60px 40px"],[style*="padding:60px 40px"]{padding:36px 18px!important}[style*="padding: 40px 32px"],[style*="padding:40px 32px"],[style*="padding: 40px 40px"],[style*="padding:40px 40px"]{padding:28px 18px!important}[style*="padding: 28px 40px"]{padding:18px!important}[style*="padding: 24px 32px"],[style*="padding: 32px"]{padding:20px 16px!important}input,textarea{font-size:15px!important}.spec-row{grid-template-columns:1fr auto!important;gap:4px 12px!important;padding:10px 0!important}.spec-row .k{grid-column:1/-1;font-size:9px!important}[style*="grid-template-columns: 140px 100px"],[style*="grid-template-columns: 120px 160px"]{grid-template-columns:1fr!important;gap:6px!important}[style*="grid-template-columns: 140px 100px"]>:last-child,[style*="grid-template-columns: 120px 160px"]>:last-child{text-align:left!important}.footer{margin-top:40px!important;padding:36px 0 16px!important}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer-bottom{flex-direction:column;gap:8px;align-items:flex-start!important;font-size:10px!important}[style*="width: 440px"],[style*=width\:440px]{width:100vw!important}.tweaks-panel{width:calc(100vw - 32px)!important;bottom:12px!important;left:12px!important;right:12px!important}.btn{padding:11px 16px!important;font-size:11px!important}[style*="display: inline-flex"][style*="gap: 12"]{flex-wrap:wrap}[style*="display: flex"][style*="gap: 12px"][style*=justifyContent]{flex-wrap:wrap!important}}@media (max-width:420px){.container{padding:0 14px!important}.nav-inner{gap:8px!important;padding:0 14px!important}.logo-text{font-size:16px!important}h1,[style*=clamp\(72px],[style*=clamp\(48px]{font-size:28px!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}}