.katalog__traka{display:flex;align-items:center;gap:18px;padding-block:18px;border-block:1px solid var(--papir-3);margin-bottom:34px}.katalog__pretraga{flex:1 1 auto;min-width:0}.katalog__pretraga input{width:100%;padding:12px 0;border:0;border-bottom:1.5px solid transparent;background:transparent;color:var(--mastilo);font-family:var(--f-naslov);font-size:clamp(1.05rem,2vw,1.5rem);font-weight:500;letter-spacing:-.015em;transition:border-color .2s}.katalog__pretraga input::placeholder{color:var(--mastilo-3);opacity:.75}.katalog__pretraga input:focus{outline:0;border-bottom-color:var(--sljiva)}.katalog__desno{display:flex;align-items:center;gap:12px;flex:0 0 auto}.katalog__poredak select{padding:11px 14px;border:1px solid var(--papir-3);background:var(--papir);font-family:var(--f-telo);font-size:.76rem;letter-spacing:.06em}.katalog__mobilni,.katalog__poredak select{color:var(--mastilo);font-weight:700;cursor:pointer}.katalog__mobilni{display:none;min-height:42px;padding:0 18px;border:1px solid var(--mastilo);background:transparent;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.katalog__telo{display:grid;grid-template-columns:226px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start}.katalog__filteri{position:sticky;top:104px;display:flex;flex-direction:column}.katalog__filteri-vrh{display:none}.katalog__filteri-telo{display:flex;flex-direction:column;gap:30px}.katalog__grupa{display:flex;flex-direction:column;gap:2px}.katalog__grupa h3{margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--papir-3);font-family:var(--f-telo);font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--mastilo-3)}.katalog__grupa button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:0;border:0;background:none;color:var(--mastilo-2);font-size:.86rem;text-align:left;cursor:pointer;transition:color .18s,padding-left .18s}.katalog__grupa button span{color:var(--mastilo-3);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.katalog__grupa button:hover{color:var(--sljiva);padding-left:4px}.katalog__grupa button.je-aktivan{color:var(--sljiva);font-weight:700}.katalog__grupa button.je-aktivan span{color:var(--sljiva)}.katalog__kvadratic{display:flex;align-items:center;gap:10px;min-height:34px;font-size:.86rem;cursor:pointer}.katalog__kvadratic input{width:16px;height:16px;accent-color:var(--sljiva);cursor:pointer}.katalog__ponisti{align-self:flex-start;min-height:38px;padding:0 14px;border:1px solid var(--papir-3);background:transparent;color:var(--mastilo-2);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s}.katalog__ponisti:hover{border-color:var(--sljiva);color:var(--sljiva)}.katalog__prikazi{display:none}.katalog__broj{margin-bottom:20px;color:var(--mastilo-2);font-size:.8rem;font-weight:700;letter-spacing:.05em}.katalog__broj span{color:var(--mastilo-3);font-weight:500}.katalog__prazno{padding:70px 0;text-align:center}.katalog__prazno h3{font-size:1.7rem}.katalog__prazno p{max-width:42ch;margin:12px auto 24px;color:var(--mastilo-2)}.katalog__zastor{display:none}@media (max-width:900px){.katalog__telo{grid-template-columns:1fr}.katalog__mobilni{display:block}.katalog__zastor{display:block;position:fixed;inset:0;z-index:60;border:0;background:rgba(27,47,35,.5)}.katalog__filteri{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(360px,calc(100vw - 40px));height:100vh;height:100dvh;overflow:hidden;background:var(--papir);box-shadow:-20px 0 55px rgba(27,47,35,.2);transform:translateX(100%);transition:transform .28s var(--lako)}.katalog__filteri.je-otvoren{transform:none}.katalog__filteri-vrh{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:62px;padding:0 20px;border-bottom:1px solid var(--papir-3);font-family:var(--f-naslov);font-size:1.1rem}.katalog__filteri-vrh button{border:0;background:none;font-size:1.1rem;cursor:pointer;padding:8px}.katalog__filteri-telo{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 20px}.katalog__prikazi{display:block;flex:0 0 auto;min-height:58px;border:0;background:var(--mastilo);color:var(--papir);font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}}@media (max-width:560px){.katalog__traka{flex-wrap:wrap;gap:10px}.katalog__pretraga{flex:1 1 100%}.katalog__desno{flex:1 1 100%;justify-content:space-between}}