/* Elbuz Credits in Smart Checkout: term form in the payment slot, hand-off block after the order. Theme tokens only. */
.et-credits { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; }
.et-credits__summary { margin: 0; padding: var(--et-card-pad, 1rem); border: var(--et-border-width, 1px) solid var(--et-border); border-radius: var(--et-radius-sm); background: var(--et-surface); }
.et-credits__row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.25rem 0; font-size: var(--et-text-sm); }
.et-credits__row dt { color: var(--et-text-muted); }
.et-credits__row dd { margin: 0; color: var(--et-text); }
.et-credits__row--total { margin-top: 0.25rem; padding-top: 0.5rem; border-top: var(--et-border-width, 1px) solid var(--et-border); font-weight: var(--et-heading-weight); }
.et-credits__row--total dd { color: var(--et-accent-text); }
.et-credits__buyer { margin: 0; padding: 0; border: 0; min-width: 0; }
.et-credits__legend { margin-bottom: 0.75rem; padding: 0; font-weight: var(--et-heading-weight); color: var(--et-text); }
.et-credits-confirm { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.et-credits-confirm__status { margin: 0; color: var(--et-text-secondary); }

/* Product page: credit button and calculator dialog */
.et-credits-buy { margin: 0.75rem 0; }
.et-credits-buy__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; }
.et-credits-buy__banks { display: inline-flex; align-items: center; gap: 0.25rem; }
.et-credits-calc { display: flex; flex-direction: column; gap: 1rem; }
.et-credits-calc__product { display: flex; justify-content: space-between; gap: 1rem; margin: 0; color: var(--et-text); }
.et-credits-calc__banks { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: 0.5rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.et-credits-calc__banks > legend { margin-bottom: 0.5rem; padding: 0; }
.et-credits-calc__bank { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.375rem; padding: 0.75rem 0.5rem; border: var(--et-border-width, 1px) solid var(--et-border); border-radius: var(--et-radius-sm); background: var(--et-surface); font-size: var(--et-text-xs); color: var(--et-text-secondary); text-align: center; cursor: pointer; transition: border-color var(--et-transition); }
.et-credits-calc__bank:has(input:checked) { border-color: var(--et-accent); color: var(--et-text); }
.et-credits-calc__bank:has(input:focus-visible) { outline: 2px solid var(--et-accent); outline-offset: 2px; }
.et-credits-calc__bank input { position: absolute; opacity: 0; pointer-events: none; }
.et-credits-calc__bank img { max-width: 4rem; max-height: 2rem; }