.sm-karusel{position:relative}.sm-karusel__glava{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--sm-p4);margin-bottom:var(--sm-p6)}.sm-karusel__naslov{margin:0}.sm-karusel__nav{display:flex;gap:var(--sm-p2);flex:none}.sm-karusel__strelica{display:grid;place-items:center;width:var(--sm-dodir);height:var(--sm-dodir);border-radius:50%;background:var(--sm-ploha);color:var(--sm-tinta);box-shadow:inset 0 0 0 1px var(--sm-crta-jaka);transition:background var(--sm-brzo) var(--sm-lako),color var(--sm-brzo) var(--sm-lako),box-shadow var(--sm-brzo) var(--sm-lako),opacity var(--sm-brzo) var(--sm-lako)}.sm-karusel__strelica:hover:not(:disabled){background:var(--sm-glina-tekst);color:var(--sm-tinta-na-glini);box-shadow:var(--sm-uzdig-2)}.sm-karusel__strelica:active:not(:disabled){box-shadow:var(--sm-uzdig-pritisak)}.sm-karusel__strelica:disabled{color:var(--sm-tinta-3);box-shadow:inset 0 0 0 1px var(--sm-crta);cursor:default}.sm-karusel__strelica--prije .sm-ikona{transform:rotate(180deg)}.sm-karusel__traka{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--sm-karusel-stupci, 4) - 1) * var(--sm-mreza-gap)) / var(--sm-karusel-stupci, 4));gap:var(--sm-mreza-gap);padding:var(--sm-p1) var(--sm-p1) var(--sm-p5);margin:calc(-1 * var(--sm-p1));scroll-snap-type:x mandatory;scroll-behavior:smooth}.sm-karusel__stavka{scroll-snap-align:start}@media(max-width:1023px){.sm-karusel__traka{--sm-karusel-stupci: var(--sm-karusel-stupci-tablet, 3)}}@media(max-width:767px){.sm-karusel__traka{--sm-karusel-stupci: var(--sm-karusel-stupci-mob, 2);margin-inline:calc(-1 * var(--sm-rub));padding-inline:var(--sm-rub)}.sm-karusel__nav{display:none}}.sm-karusel__tockice{display:flex;justify-content:center;gap:var(--sm-p2);min-height:24px;margin-top:var(--sm-p4)}.sm-karusel__tockice[hidden]{display:none}.sm-karusel__tocka{display:grid;place-items:center;width:24px;height:24px;margin:0 -4px}.sm-karusel__tocka:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sm-crta-jaka);transition:background var(--sm-brzo) var(--sm-lako),width var(--sm-srednje) var(--sm-lako)}.sm-karusel__tocka.je-aktivna:before{width:22px;border-radius:var(--sm-r-puna);background:var(--sm-glina-tekst)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sm-karusel.css.map */