/* SWISCARS · /eksperti/ · panel cenovnika (dodatak; koristi tokene i .xp-* stilove iz expert-registration.css). */
.xp-pricing { min-width: 0 }
.xp-pricing[hidden] { display: none !important }
.xp-pricing-card .xp-example { color: var(--text); font-size: 14px; line-height: 1.5; background: var(--bg); border-radius: 10px; padding: 10px 12px }
.xp-pricing-card .xp-loading { margin: 0 }
.xp-combobox { position: relative; min-width: 0 }
.xp-combobox input { width: 100%; padding-right: 64px }
.xp-combobox .xp-kanton { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 700; color: var(--gold); pointer-events: none }
.xp-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 20; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-md); max-height: 280px; overflow: auto }
.xp-suggest li { display: flex; gap: 10px; align-items: center; min-height: 44px; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 15px; font-weight: 400; line-height: 1.3 }
.xp-suggest li b { font-variant-numeric: tabular-nums; min-width: 44px; color: var(--gold) }
.xp-suggest li span { min-width: 0; overflow-wrap: anywhere }
.xp-suggest li small { margin-left: auto; color: var(--muted); font-size: 12px; flex: none }
.xp-suggest li[aria-selected="true"], .xp-suggest li:hover { background: var(--bg) }
.xp-pricing-grid { display: grid; gap: 12px; min-width: 0 }
@media (min-width: 560px) { .xp-pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) } }
.xp-check { display: flex !important; align-items: center; gap: 10px; min-height: 44px; font-weight: 500 !important; cursor: pointer }
.xp-check input { width: 20px; height: 20px; min-height: 0; margin: 0; padding: 0; accent-color: var(--gold); flex: none }
.xp-form .xp-pricing-grid input { font-variant-numeric: tabular-nums }
/* Raspored na računaru: panel ispod kartice statusa (kolona 1), bočna kartica ostaje desno kao i pre. */
@media (min-width: 901px) { .expert-grid > .xp-pricing { grid-column: 1 } .expert-grid > .expert-aside { grid-column: 2; grid-row: 1 / span 2 } }