.prodavnica-vrh{padding-top:clamp(40px,6vw,88px)}.prodavnica-naslov{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px clamp(32px,6vw,96px);display:grid}.prodavnica-naslov h1{max-width:14ch;margin-top:14px}.prodavnica-reka{margin-top:clamp(32px,4vw,48px)}.prodavnica-legenda{border-radius:var(--r-md);background:var(--papir-3);min-width:240px;box-shadow:inset 0 0 0 1px var(--linija);font-family:var(--f-oznaka);font-weight:500;font-size:var(--t-sm);color:var(--tinta-2);padding:18px 22px 20px;position:relative}.prodavnica-legenda:before{content:"";border:1px dashed var(--linija-jaka);border-radius:calc(var(--r-md) - 3px);pointer-events:none;opacity:.7;position:absolute;inset:5px}.prodavnica-legenda-naslov{font-weight:700;font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--izohipsa);margin-bottom:10px}.prodavnica-legenda ul{gap:8px;display:grid}.prodavnica-legenda li{align-items:center;gap:10px;display:flex}.prodavnica-legenda-mera{min-width:14px;font-size:var(--t-xs);color:var(--tinta);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:inline-grid}.prodavnica-legenda-broj{border-top:1px solid var(--linija);align-items:center;gap:12px;margin-top:14px;padding-top:14px;line-height:1.3;display:flex}.prodavnica-legenda-broj strong{font-family:var(--f-naslov);font-weight:400;font-size:var(--t-4xl);color:var(--reka);font-variant-numeric:lining-nums tabular-nums;line-height:1}.prodavnica-katalog{padding-top:clamp(28px,3vw,40px);padding-bottom:var(--sekcija)}.prodavnica-alati{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.prodavnica-filter{gap:8px;min-width:0;max-width:100%;display:grid}.prodavnica-cipovi{scrollbar-width:none;gap:8px;margin:-4px;padding:4px;scroll-padding-inline:4px;display:flex;position:relative;overflow-x:auto}.prodavnica-cipovi::-webkit-scrollbar{display:none}.prodavnica-cip{border-radius:var(--r-pun);min-height:44px;box-shadow:inset 0 0 0 1.5px var(--linija-jaka);font-weight:500;font-size:var(--t-sm);color:var(--tinta);white-space:nowrap;transition:background-color var(--brzo) var(--izlaz), color var(--brzo) var(--izlaz), box-shadow var(--brzo) var(--izlaz), transform var(--brzo) var(--izlaz);flex:none;align-items:center;gap:8px;padding:0 10px 0 18px;display:inline-flex;position:relative}.prodavnica-cip:hover{box-shadow:inset 0 0 0 1.5px var(--tinta-2);background:var(--papir-3)}.prodavnica-cip:active{transform:scale(.97)}.prodavnica-cip[aria-pressed=true]{background:var(--tinta);color:var(--papir);box-shadow:inset 0 0 0 1.5px var(--tinta)}.prodavnica-cip-broj{border-radius:var(--r-pun);background:var(--kanal);min-width:26px;height:26px;font-family:var(--f-oznaka);font-weight:700;font-size:var(--t-xs);font-variant-numeric:tabular-nums;transition:background-color var(--brzo) var(--izlaz);place-items:center;padding:0 7px;display:inline-grid}.prodavnica-cip[aria-pressed=true] .prodavnica-cip-broj{background:color-mix(in oklab, var(--papir) 20%, transparent)}.prodavnica-cip[data-prazna] .prodavnica-cip-broj{box-shadow:inset 0 0 0 1px var(--linija);background:0 0}.prodavnica-sort{width:260px;max-width:100%}.prodavnica-broj{border-top:1px solid var(--linija);font-family:var(--f-oznaka);color:var(--tinta-2);align-items:center;gap:6px;min-height:44px;margin:28px 0 clamp(28px,3vw,40px);padding-top:16px;font-weight:500;display:flex}.prodavnica-broj strong{color:var(--tinta);font-variant-numeric:tabular-nums;font-weight:700}.prodavnica-osvezava{width:14px;height:14px;color:var(--reka);border-width:1.5px;margin-left:8px}@keyframes prodavnica-ulaz{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.prodavnica-mreza--promena>.proizvod{animation:prodavnica-ulaz .42s var(--ekspo) both}.prodavnica-mreza--promena>.proizvod:nth-child(2){animation-delay:50ms}.prodavnica-mreza--promena>.proizvod:nth-child(3){animation-delay:.1s}.prodavnica-mreza--promena>.proizvod:nth-child(4){animation-delay:.15s}.prodavnica-mreza--promena>.proizvod:nth-child(5){animation-delay:.2s}.prodavnica-mreza--promena>.proizvod:nth-child(n+6){animation-delay:.25s}.js .prodavnica-mreza--promena [data-otkrij] .slika img{clip-path:none}.prodavnica-skeleton{gap:8px}.prodavnica-skeleton .skeleton--naslov{width:72%;margin-top:14px}.prodavnica-skeleton-dno{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.prodavnica-prazno{border-radius:var(--r-lg);background:var(--papir-3);box-shadow:inset 0 0 0 1px var(--linija);padding-block:clamp(48px,7vw,88px)}.prodavnica-prazno h2{font-family:var(--f-naslov);font-size:var(--t-4xl);letter-spacing:-.015em;text-wrap:balance;max-width:20ch;line-height:1.12}.prodavnica-prazno p{font-size:var(--t-lg)}.prodavnica-prazno .prazno-akcija{align-items:center;margin-top:14px}@media (width<=980px){.prodavnica-alati{flex-direction:column;align-items:stretch}.prodavnica-sort{width:100%}}@media (width<=760px){.prodavnica-naslov{grid-template-columns:1fr}.prodavnica-legenda{min-width:0}.prodavnica-legenda ul{flex-wrap:wrap;gap:8px 18px;display:flex}.prodavnica-legenda{padding:16px 18px}.prodavnica-legenda-broj{margin-top:12px;padding-top:12px}.prodavnica-cipovi{margin-right:calc(-1 * var(--rub));padding-right:var(--rub);-webkit-mask-image:linear-gradient(90deg, var(--tinta) 85%, transparent);-webkit-mask-image:linear-gradient(90deg, var(--tinta) 85%, transparent);mask-image:linear-gradient(90deg, var(--tinta) 85%, transparent)}.prodavnica-prazno h2{font-size:var(--t-2xl)}.prodavnica-prazno p{font-size:var(--t-base)}}@media (prefers-reduced-motion:reduce){.prodavnica-mreza--promena>.proizvod{animation:none}}