:root{--paper:#f4f2ed;--surface:#fff;--surface-2:#eae7e0;--surface-3:#dedad1;--ink-panel:#171613;--ink:#171613;--ink-2:#48453d;--ink-3:#7d7970;--amber:#ff8a00;--amber-deep:#e06e00;--amber-tint:#fff0dc;--blue:#2f5bff;--blue-deep:#1e42d0;--blue-tint:#e7ecff;--g-novo:#1f8a4c;--g-novo-t:#e4f4ea;--g-kaonovo:#3e9e7a;--g-kaonovo-t:#e6f5f0;--g-ispravno:#2f5bff;--g-ispravno-t:#e7ecff;--g-vidljivo:#b47500;--g-vidljivo-t:#fdf1d9;--g-delove:#c0392b;--g-delove-t:#fbeae7;--line:#ddd8ce;--line-2:#c6c0b4;--shadow-sm:0 1px 2px #17161312, 0 2px 5px #1716130d;--shadow-md:0 2px 4px #1716130f, 0 10px 22px #1716131a;--shadow-lg:0 4px 8px #17161314, 0 22px 48px #17161329;--shadow-amber:0 6px 16px #ff8a0057;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--font-display-stack:var(--font-display), "Arial Narrow", "Helvetica Neue", sans-serif;--font-ui-stack:var(--font-ui), "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .8, .3, 1);--t-hover:.15s;--t-sheet:.24s;--container:1320px;--pad:16px;--sekcija:44px;--header-h:60px}@media (min-width:900px){:root{--pad:28px;--sekcija:64px;--header-h:76px}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;font-weight:400;line-height:1.6}@media (min-width:900px){body{font-size:15.5px}}img,svg,video,canvas{max-width:100%;display:block}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;list-style:none}table{border-collapse:collapse;width:100%}hr{border:0;border-top:1px solid var(--line)}h1,h2,h3,.cena,.cena-velika,.display{font-family:var(--font-display-stack);letter-spacing:-.015em;line-height:1.08}h1{font-size:40px;font-weight:800}h2{font-size:30px;font-weight:700}h3{font-size:22px;font-weight:700}h4{font-size:17px;font-weight:700;line-height:1.3}h5,h6{font-size:15px;font-weight:700;line-height:1.35}@media (min-width:900px){h1{font-size:60px}h2{font-size:40px}h3{font-size:26px}h4{font-size:18px}}small,.small{font-size:13.5px;line-height:1.5}.micro{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-size:11.5px;font-weight:700;line-height:1.4}.muted{color:var(--ink-3)}.ink-2{color:var(--ink-2)}a{color:var(--blue);transition:color var(--t-hover) var(--ease);text-decoration:none}a:hover{color:var(--blue-deep);text-underline-offset:2px;text-decoration:underline}strong,b{font-weight:700}.cena,.cena-velika,.broj,td.broj{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cena{font-family:var(--font-display-stack);color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.08}.cena-velika{font-family:var(--font-display-stack);color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1.08}@media (min-width:900px){.cena-velika{font-size:40px}}.stara-cena{color:var(--ink-3);font-size:13.5px;text-decoration:line-through}:focus-visible{box-shadow:0 0 0 3px var(--blue-tint), 0 0 0 1.5px var(--blue);border-radius:var(--r-xs);outline:none}.container{width:100%;max-width:var(--container);padding-inline:var(--pad);margin-inline:auto}.section{padding-block:var(--sekcija)}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.mreza{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:640px){.mreza{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (min-width:1100px){.mreza{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width:1440px){.mreza{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-hover) var(--ease), transform var(--t-hover) var(--ease)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-static:hover{box-shadow:var(--shadow-sm);transform:none}.panel{background:var(--surface-2);border-radius:var(--r-lg);padding:18px}.tamni-panel{background:var(--ink-panel);color:#f0ede6;border-radius:var(--r-xl);padding:32px var(--pad)}.tamni-panel h1,.tamni-panel h2,.tamni-panel h3,.tamni-panel h4{color:#fbf9f5}.tamni-panel a{color:#f0ede6}.tamni-panel a:hover{color:var(--amber)}.tamni-panel .micro,.tamni-panel .muted{color:#9d978a}.tamni-panel .akcenat{color:var(--amber)}.tamni-panel-pun{background:var(--ink-panel);color:#f0ede6;border-radius:0}@media (min-width:900px){.tamni-panel{padding:48px 40px}}.btn{border-radius:var(--r-md);min-height:44px;font-family:var(--font-ui-stack);text-align:center;cursor:pointer;white-space:nowrap;transition:background-color var(--t-hover) var(--ease), color var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--amber);color:var(--ink);box-shadow:var(--shadow-amber)}.btn-primary:hover{background:var(--amber-deep);color:var(--ink)}.btn-secondary{background:var(--ink);color:#fff}.btn-secondary:hover{color:#fff;background:#2b2924}.btn-tertiary{background:var(--surface);border:1px solid var(--line-2);color:var(--ink)}.btn-tertiary:hover{background:var(--surface-2);color:var(--ink)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-veliki{min-height:52px;padding:0 26px;font-size:16px}.btn-mali{min-height:36px;padding:0 12px;font-size:13.5px}.btn-puni{width:100%}.chip{border-radius:var(--r-full);background:var(--surface);border:1px solid var(--line);height:34px;color:var(--ink);white-space:nowrap;cursor:pointer;transition:background-color var(--t-hover) var(--ease), color var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease);align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--line-2);background:var(--surface-2);color:var(--ink);text-decoration:none}.chip-active,.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip-active:hover,.chip[aria-pressed=true]:hover{color:#fff;background:#2b2924;border-color:#2b2924}.chip-brojac{font-variant-numeric:tabular-nums;color:var(--ink-3);font-weight:700}.chip-active .chip-brojac{color:#ffffffa6}.chip-traka{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chip-traka::-webkit-scrollbar{display:none}.stanje-chip{border-radius:var(--r-sm);letter-spacing:.01em;white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:700;line-height:1.25;display:inline-flex}.stanje-chip-veliki{padding:7px 13px;font-size:13.5px}.stanje-novo{background:var(--g-novo-t);color:var(--g-novo)}.stanje-kao-novo{background:var(--g-kaonovo-t);color:var(--g-kaonovo)}.stanje-koristeno-ispravno{background:var(--g-ispravno-t);color:var(--g-ispravno)}.stanje-vidljivo-koristeno{background:var(--g-vidljivo-t);color:var(--g-vidljivo)}.stanje-za-delove{background:var(--g-delove-t);color:var(--g-delove)}.polje{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);width:100%;min-height:44px;color:var(--ink);transition:border-color var(--t-hover) var(--ease);padding:10px 14px;font-size:15px}.polje::placeholder{color:var(--ink-3)}.polje:hover{border-color:var(--ink-3)}.polje-oznaka{color:var(--ink-2);margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.oznaka{border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink-2);letter-spacing:.02em;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.oznaka-provereno{background:var(--blue-tint);color:var(--blue-deep)}.oznaka-istaknuto{background:var(--amber-tint);color:var(--amber-deep)}.oznaka-snizeno{background:var(--g-delove-t);color:var(--g-delove)}.skeleton{background:var(--surface-3);border-radius:var(--r-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s infinite skeleton-sjaj;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sjaj{to{transform:translate(100%)}}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preskoci-link{z-index:100;position:absolute;top:0;left:-9999px}.preskoci-link:focus{left:var(--pad);background:var(--ink);color:#fff;border-radius:var(--r-sm);padding:10px 16px;top:8px}.dve-linije{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jedna-linija{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nema-scroll{overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.card:hover{transform:none}.skeleton:after{display:none}}
