.card-addon-dialog{max-width:640px;max-height:calc(100dvh - 32px);overflow:auto}
.card-addon-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line)}
.card-addon-heading .icon-btn{min-width:44px;min-height:44px;flex-shrink:0}
.card-addon-success{display:flex;align-items:center;gap:9px;margin:0;color:#20633c;font-size:13px;font-weight:500}
.card-addon-success svg{flex-shrink:0}
.card-addon-body{padding:24px}
.card-addon-body h2{font-size:29px;margin-bottom:8px}
#card-addon-description{font-size:14px;margin-bottom:20px}
.card-addon-product{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:22px;margin-bottom:24px}
.card-addon-product img{width:144px;height:144px;object-fit:contain;background:#fff}
.card-addon-product h3{font-size:17px;line-height:1.4;margin-bottom:8px}
.card-addon-product p{font-size:12px;line-height:1.6;margin-bottom:5px}
.card-addon-product small{display:block;font-size:11px;color:var(--muted)}
.card-addon-product a{display:inline-flex;align-items:center;min-height:36px;font-size:12px;margin-top:4px}
.card-addon-options{padding:0;margin:0;border:0;min-width:0}
.card-addon-options legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:600}
.card-addon-options legend span{font-size:11px;font-weight:400;color:var(--muted)}
.card-addon-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.card-addon-pack{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;cursor:pointer;border:1px solid var(--line);border-radius:var(--control);padding:14px 12px;background:white}
.card-addon-pack:has(input:checked){border-color:var(--orange-dark);background:var(--peach);box-shadow:0 0 0 1px var(--orange-dark)}
.card-addon-pack:has(input:focus-visible){outline:3px solid var(--orange-dark);outline-offset:3px}
.card-addon-pack input{position:absolute;right:10px;top:14px;width:17px;height:17px;margin:0;accent-color:var(--orange-dark)}
.card-addon-pack-name{font-weight:600;font-size:13px;padding-right:24px}
.card-addon-pack-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;line-height:1.45;margin-top:3px}
.card-addon-pack-price del{font-size:12px;color:var(--muted)}
.card-addon-pack-price strong{font-size:23px;color:var(--ink);letter-spacing:-.03em}
.card-addon-pack small{font-size:10px;line-height:1.5;color:var(--muted)}
.card-addon-pack.is-unavailable{opacity:.55;cursor:not-allowed}
.card-addon-status{font-size:12px;line-height:1.5;margin:14px 0;min-height:18px}
.card-addon-status.error{color:var(--error)}
.card-addon-skip{display:block;min-height:44px;width:100%;padding:12px 8px 0;margin-top:4px;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.card-addon-skip:hover{color:var(--ink)}
.card-addon-dialog button:disabled{cursor:default}
.accessory-pricing{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0 18px}
.accessory-pricing caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:8px}
.accessory-pricing th,.accessory-pricing td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}
.accessory-pricing thead{background:var(--peach)}
.accessory-pricing tbody td:last-child{font-weight:600;color:var(--orange-dark)}
.accessory-pricing del{color:var(--muted)}
@media(max-width:480px){
 .card-addon-heading{padding:10px 16px}.card-addon-body{padding:18px 16px}.card-addon-body h2{font-size:25px}
 .card-addon-product{grid-template-columns:100px minmax(0,1fr);gap:14px;margin-bottom:20px}.card-addon-product img{width:100px;height:100px}.card-addon-product h3{font-size:15px}
 .card-addon-packs{grid-template-columns:1fr;gap:8px}.card-addon-pack{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px 36px 11px 12px}
 .card-addon-pack-name{padding:0}.card-addon-pack input{top:18px}.card-addon-pack-price{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center;gap:6px}.card-addon-pack-price strong{font-size:21px}
 .card-addon-pack small{grid-column:1}.card-addon-status{margin:11px 0}
}