/*
 * Commerce sections (welcome, manage membership, gift, redeem): layout only.
 * Colours, type, buttons, fields and glass come from the brand pack's shared classes
 * (chi-card, chi-glass, chi-btn, chi-form, chi-field, chi-input, …).
 */
.chi-commerce__card { max-width: 720px; margin-inline: auto; }
.chi-commerce__card > .chi-h2 { margin-top: 0; }
.chi-commerce__form { display: grid; gap: 18px; margin-top: 24px; }
.chi-commerce__group { border: 0; margin: 0; padding: 0; display: grid; gap: 14px; min-width: 0; }
.chi-commerce__legend { padding: 0; margin-bottom: 4px; font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; opacity: .72; }
.chi-commerce__pair { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .chi-commerce__pair { grid-template-columns: 1fr 1fr; } }
.chi-commerce__label { display: block; margin-bottom: 8px; }
.chi-commerce__choices { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.chi-commerce__choices .chi-check { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.chi-commerce .chi-commerce__total { margin: 0; }
.chi-commerce__code { text-transform: uppercase; letter-spacing: .12em; font-variant-numeric: tabular-nums; }
.chi-commerce .chi-commerce__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 20px 0 0; }
.chi-commerce .chi-commerce__steps { margin: 12px 0 0; padding-left: 1.3em; display: grid; gap: 8px; }
.chi-commerce .chi-commerce__subhead { margin: 28px 0 0; font-size: 1rem; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
.chi-commerce__member { margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(127, 127, 127, .25); }
.chi-commerce__member:first-of-type { border-top: 0; padding-top: 0; }
.chi-commerce .chi-commerce__tier { margin: 0 0 8px; }
.chi-commerce .chi-commerce__badges { margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.chi-commerce .chi-commerce__facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; margin: 0 0 16px; }
.chi-commerce__facts dt { opacity: .7; }
.chi-commerce__facts dd { margin: 0; overflow-wrap: anywhere; }
.chi-commerce__manage { display: grid; gap: 16px; margin-top: 20px; }
.chi-commerce__pause .chi-commerce__label { margin-bottom: 10px; }
.chi-commerce__row { display: flex; flex-wrap: wrap; gap: 10px; }
.chi-commerce__action { margin: 0; }
.chi-commerce__signout { margin-top: 28px; }
.chi-commerce__link { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; opacity: .8; }
.chi-commerce__link:hover, .chi-commerce__link:focus-visible { opacity: 1; }
.chi-commerce .chi-form__msg { margin: 0; }
@media (max-width: 480px) {
	.chi-commerce .chi-commerce__facts { grid-template-columns: 1fr; gap: 2px; }
	.chi-commerce__facts dd { margin-bottom: 8px; }
	.chi-commerce__row .chi-btn, .chi-commerce .chi-commerce__actions .chi-btn, .chi-commerce__action .chi-btn { width: 100%; justify-content: center; }
	.chi-commerce__row, .chi-commerce__row .chi-commerce__action { width: 100%; }
}