/* [kam_varijante] — 1:1 KAM_Model_Stranica_dc.html red 118-145. SAMO kartice, uvek
   (na svim sirinama) - mockup nema tabelu/kartice prekidac po sirini ekrana. */

.kam-hidden { display: none !important; }

.kam-varijante { margin: 36px 0; }

.kam-vtabs { display: flex; gap: 8px; margin: 14px 0 18px; border-bottom: 1px solid var(--kam-line); }
.kam-vtab {
	font-size: 14px; font-weight: 600; padding: 10px 4px; margin-right: 18px;
	background: none; color: var(--kam-muted); border: none; border-bottom: 2px solid transparent;
	cursor: pointer; margin-bottom: -1px;
}
.kam-vtab.on { color: var(--kam-red); border-bottom-color: var(--kam-red); }

.kam-vcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }

.kam-vcard {
	border: 1.5px solid var(--kam-line); border-radius: 14px; padding: 16px;
	cursor: pointer; transition: border-color .15s, box-shadow .15s; background: var(--kam-surface);
}
.kam-vcard:hover { border-color: color-mix(in srgb, var(--kam-ink) 20%, transparent); }
.kam-vcard.on { border-width: 2px; border-color: var(--kam-red); background: color-mix(in srgb, var(--kam-primarna) 10%, var(--kam-surface)); }

.kam-vcard-top { display: flex; justify-content: space-between; align-items: flex-start; }
.kam-vcard-top h4 { font-family: var(--kam-disp-font); font-weight: 600; font-size: 15px; color: var(--kam-ink); margin: 0; }
.kam-vcard-chip { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; background: var(--kam-chip-purple-bg); color: var(--kam-purple); flex: none; margin-left: 8px; }

.kam-vcard-specline { font-size: 12px; color: var(--kam-muted); margin: 8px 0 12px; }

.kam-vcard-lbl { font-size: 10px; color: var(--kam-muted); text-transform: uppercase; letter-spacing: .03em; margin-bottom: 2px; }
.kam-vcard-price { display: flex; align-items: baseline; gap: 8px; }
.kam-vcard-old { font-size: 12px; color: var(--kam-muted); text-decoration: line-through; }
.kam-vcard-now { font-family: var(--kam-disp-font); font-weight: 700; font-size: 17px; color: var(--kam-ink); }

.kam-radio { display: none; } /* stari radio-krug vise ne postoji u markapu - selekcija je samo border/senka na kartici */