.card-pack-preview{margin:2rem 0;color:rgb(var(--color-foreground))}
.card-pack-preview__choices{border:0;padding:0;margin:0;display:grid;gap:1rem}
.card-pack-preview__choices legend{font-size:1.5rem;font-weight:600;padding:0;margin-bottom:1.2rem}
.card-pack-preview__option{display:flex;gap:1.2rem;align-items:center;padding:1.5rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:1.2rem;cursor:pointer;transition:background-color .15s,border-color .15s}
.card-pack-preview__option:has(input:checked){border:2px solid rgb(var(--color-foreground));padding:calc(1.5rem - 1px);background:#f4efe8}
.card-pack-preview__option:focus-within{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
.card-pack-preview__option input{accent-color:#4b3512;width:1.7rem;height:1.7rem;margin:0;flex-shrink:0}
.card-pack-preview__copy{flex:1;min-width:0}
.card-pack-preview__copy strong,.card-pack-preview__amount strong{font-size:1.5rem;font-weight:600}
.card-pack-preview__copy small,.card-pack-preview__amount small{display:block;font-size:1.2rem;line-height:1.7;color:rgba(var(--color-foreground),.78)}
.card-pack-preview__amount{text-align:right;white-space:nowrap}
.card-pack-preview__amount s{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin-right:.4rem}
.card-pack-preview__badge{display:block;width:fit-content;margin-top:.4rem;font-size:.95rem;font-weight:500;letter-spacing:.03em;padding:.2rem .7rem;border-radius:2rem;background:#e6dbc9}
.card-pack-preview__envelopes{font-size:1.2rem;margin:1rem 0 1.8rem}
.card-pack-preview__total{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0}
.card-pack-preview__total>strong{font-size:2.2rem;font-weight:500}
.card-pack-preview__price{display:none}
.card-pack-preview:has(input[data-count="1"]:checked) .card-pack-preview__price--1,.card-pack-preview:has(input[data-count="5"]:checked) .card-pack-preview__price--5,.card-pack-preview:has(input[data-count="10"]:checked) .card-pack-preview__price--10{display:block}
.card-pack-preview__button:disabled{opacity:1;cursor:default}
@media(max-width:450px){.card-pack-preview__option{gap:.8rem;padding:1.2rem}.card-pack-preview__option:has(input:checked){padding:calc(1.2rem - 1px)}.card-pack-preview__copy strong,.card-pack-preview__amount strong{font-size:1.35rem}}

.card-pack-preview__option:has(input:disabled){opacity:.55;cursor:not-allowed}