.kartica{display:flex;flex-direction:column;min-width:0;height:100%}.kartica__slika{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--slonovaca)}.kartica__slika:after{content:"";position:absolute;inset:0;border:1px solid rgba(36,59,48,.06);pointer-events:none}.kartica__slika img{object-fit:contain;padding:0;transition:opacity .4s var(--lako),transform .65s var(--lako)}.kartica--pocetna .kartica__slika img{object-fit:cover}.kartica__glavna{opacity:1}.kartica__druga{opacity:0}.kartica:hover .kartica__glavna{opacity:0;transform:scale(1.02)}.kartica:hover .kartica__druga{opacity:1;transform:scale(1.025)}.kartica__oznake{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}.oznaka{display:inline-flex;min-height:29px;align-items:center;padding:5px 10px;background:var(--slonovaca);color:var(--tekst);font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.oznaka--akcija{background:var(--zelena-tamna);color:var(--slonovaca)}.oznaka--nema{background:var(--zelena-nocna);color:var(--slonovaca)}.kartica__otvori{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:36px;height:36px;background:rgba(255,253,248,.93);color:var(--zelena-duboka);opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s}.kartica:hover .kartica__otvori{opacity:1;transform:none}.kartica__telo{display:flex;flex:1 1;flex-direction:column;padding-top:16px}.kartica__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.kartica__kategorija{display:block;overflow:hidden;color:var(--tekst-3);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.kartica__stanje{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;color:var(--zelena-tamna);font-size:.66rem;font-weight:700}.kartica__stanje i{width:6px;height:6px;border-radius:50%;background:currentColor}.kartica__naziv{display:block;min-height:2.75em;color:var(--tekst);font-size:1rem;font-weight:650;line-height:1.38;letter-spacing:-.012em;transition:color .2s}.kartica__naziv:hover{color:var(--zelena-tamna)}.kartica__opis{min-height:4.5em;margin:8px 0 0;color:var(--tekst-2);font-size:.74rem;line-height:1.5}.kartica__ocena{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;margin-top:7px;color:var(--zelena-tamna);font-size:.7rem;line-height:1}.kartica__ocena svg{color:var(--zlatna);opacity:.72}.kartica__ocena strong{font-weight:800}.kartica__ocena span{color:var(--tekst-3)}.kartica__specifikacije{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.kartica__specifikacije span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--bez-dublji);background:var(--bez-svetli);color:var(--tekst-2);font-size:.62rem;font-weight:700;letter-spacing:.025em}.kartica__kupovina{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid var(--bez-dublji)}.kartica__naziv+.kartica__kupovina,.kartica__ocena+.kartica__kupovina{margin-top:16px}.kartica__cena{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0}.kartica__cena strong{color:var(--zelena-duboka);font-family:var(--f-naslov);font-size:1.18rem;font-weight:700;letter-spacing:-.02em;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.kartica__stara{color:var(--tekst-3);font-size:.76rem;text-decoration:line-through}.kartica__kupovina>a,.kartica__kupovina>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:86px;height:40px;padding:0 13px;border:1px solid var(--zelena-duboka);background:var(--zelena-duboka);color:var(--slonovaca);font-size:.7rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.kartica__kupovina>a:hover,.kartica__kupovina>button:hover{border-color:var(--zelena-tamna);background:var(--zelena-tamna);transform:translateY(-1px)}.kartica--nema .kartica__slika img{filter:saturate(.45) brightness(1.04)}@media (max-width:600px){.kartica__slika{aspect-ratio:1}.kartica__meta{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:7px}.kartica__naziv{min-height:3.15em;font-size:.88rem}.kartica__opis{display:-webkit-box;min-height:4.25em;overflow:hidden;font-size:.69rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.kartica__ocena{margin-top:6px;font-size:.67rem}.kartica__specifikacije{gap:4px;margin-top:7px}.kartica__specifikacije span{min-height:22px;padding:2px 6px;font-size:.57rem}.kartica__kategorija,.kartica__stanje{font-size:.66rem}.kartica__kupovina{gap:6px;margin-top:9px;padding-top:9px}.kartica__cena{gap:4px}.kartica__cena strong{font-size:.98rem}.kartica__stara{width:100%;font-size:.68rem}.kartica__kupovina>a,.kartica__kupovina>button{min-width:36px;width:36px;height:36px;padding:0}.kartica__kupovina>a span,.kartica__kupovina>button span,.kartica__otvori{display:none}.oznaka{min-height:26px;padding:4px 7px;font-size:.62rem}}