/* [kam_boje] */
.kam-boje { margin-top: 24px; padding: 28px 0; border-top: 1px solid var(--kam-primarna-linija-2); }
.kam-boje .kam-sec-h { margin-bottom: 16px; }
.kam-colors { display: flex; gap: 14px; flex-wrap: wrap; }
.kam-color-o { display: flex; flex-direction: column; align-items: center; gap: 7px; width: 74px; font-size: 11px; color: var(--kam-primarna-tekst-2); text-align: center; transition: opacity .15s; }
.kam-color-sw { width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.12); cursor: pointer; }
.kam-color-o span { font-size: 11px; font-weight: 500; color: var(--kam-primarna-naslovi); text-align: center; }
.kam-color-o small { font-size: 10px; color: var(--kam-primarna-tekst-3); }
.kam-color-o.kam-disabled { opacity: .4; cursor: not-allowed; }
.kam-color-req { color: var(--kam-garancija) !important; font-weight: 600; }

.kam-color-o { cursor: pointer; }
.kam-color-o.kam-color-selected .kam-color-sw { box-shadow: 0 0 0 2px var(--kam-surface), 0 0 0 4px var(--kam-ink); }