/* [awcf_em_bundel] volgens de opzet (.ui-card.bundle) */
.emr-bundle { --emr-ink: var(--e-global-color-primary, #1A1A18); --emr-tint: var(--e-global-color-emtint, #DCEFF9); --emr-blue-dark: var(--e-global-color-secondary, #006C99);
  position: relative; z-index: 1; padding: 24px; border-radius: 4px; background: #fff; box-shadow: 0 24px 60px rgba(26, 26, 24, .14); color: var(--emr-ink);
  font-family: var(--e-global-typography-text-font-family, "Public Sans"), sans-serif; }
.emr-bundle__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.emr-bundle .emr-bundle__head h3 { margin: 0; font-family: var(--e-global-typography-secondary-font-family, "Archivo"), sans-serif; font-weight: 800; font-size: 20px; line-height: 1.2; color: var(--emr-ink); }
.emr-bundle .emr-tag { display: inline-flex; align-items: center; flex-shrink: 0; padding: 5px 10px; border-radius: 4px; background: var(--emr-tint); color: var(--emr-blue-dark); font-size: 12px; line-height: 1.2; white-space: nowrap; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.emr-bundle ul { list-style: none; margin: 0; padding: 0; }
.emr-bundle li { display: grid; grid-template-columns: auto 48px 1fr auto; gap: 12px; align-items: center; margin: 0; padding: 8px 10px; border-radius: 4px; transition: background-color .2s; }
.emr-bundle li:hover { background: var(--emr-tint); }
.emr-bundle input { width: 20px; height: 20px; margin: 0; accent-color: var(--emr-blue-dark); cursor: pointer; }
.emr-bundle li img { width: 48px; height: 48px; object-fit: contain; }
.emr-bundle label { margin: 0; font-weight: 600; font-size: 15px; line-height: 1.3; cursor: pointer; }
.emr-bundle__pr { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.emr-bundle__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; padding: 16px; border-radius: 4px; background: var(--emr-tint); font-weight: 600; }
.emr-bundle__total { font-family: var(--e-global-typography-secondary-font-family, "Archivo"), sans-serif; font-weight: 900; font-size: 28px; }
.emr-bundle .emr-bundle__btn { width: 100%; margin-top: 12px; min-height: 62px; font-size: 18px; }
.emr-bundle .emr-bundle__btn.is-disabled { opacity: .5; cursor: not-allowed; transform: none; }
@media (max-width: 599px) { .emr-bundle { padding: 16px; } .emr-bundle li { grid-template-columns: auto 40px 1fr auto; gap: 8px; padding: 8px 4px; } .emr-bundle li img { width: 40px; height: 40px; } }