.consumer-model-picker{grid-column:1/-1;min-inline-size:0;margin:0;padding:0;border:0;color:#20232b}
.consumer-model-picker legend{display:flex;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:800;color:#20232b}
.consumer-model-optional{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 9px}
.consumer-model-help{margin:7px 0 10px;font-size:12px;line-height:1.9;color:#64748b}
.consumer-model-preview{display:flex;align-items:center;gap:12px;min-height:76px;padding:10px 12px;background:#fafbfc;border:1px solid #e2e5eb;border-radius:14px}
.consumer-model-preview img{flex:0 0 64px;display:block;width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff}
.consumer-model-preview>div{min-width:0;flex:1}
.consumer-model-preview strong{display:block;font-size:15px;font-weight:800;line-height:1.6}
.consumer-model-preview [data-consumer-model-preview-reference][dir=ltr]{text-align:right;unicode-bidi:isolate}
.consumer-model-preview [data-consumer-model-preview-capacity]{display:block;color:#64748b;font-size:11px;line-height:1.8;margin-top:3px}
.consumer-model-selected-mark{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;color:#fff;background:var(--red,#ba1723);font-weight:800}
.consumer-model-options{margin-top:8px;border:1px solid #e2e5eb;border-radius:12px;overflow:hidden;background:#fff}
.consumer-model-options>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;min-height:44px;cursor:pointer;list-style:none;font-size:12px;font-weight:800;color:var(--red,#ba1723)}
.consumer-model-options>summary::-webkit-details-marker{display:none}
.consumer-model-options>summary:focus-visible{outline:3px solid var(--red,#ba1723);outline-offset:-4px;border-radius:10px}
.consumer-model-options[open]>summary{border-bottom:1px solid #edf0f4}
.consumer-model-options[open]>summary>span:last-child{transform:rotate(180deg)}
.consumer-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.consumer-model-picker .consumer-model-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;padding:30px 8px 10px;min-height:137px;border:1px solid #e1e5eb;border-radius:12px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background-color .15s}
.consumer-model-choice:hover{border-color:var(--red,#ba1723)}
.consumer-model-choice.is-selected,.consumer-model-choice:has(input:checked){border-color:var(--red,#ba1723);background:#fff6f6;box-shadow:inset 0 0 0 1px var(--red,#ba1723)}
.consumer-model-choice:focus-within{outline:2px solid var(--red,#ba1723);outline-offset:2px}
.consumer-model-picker .consumer-model-choice input[type=radio]{position:absolute;inset-inline-start:10px;top:10px;width:17px;height:17px;min-height:0;max-width:17px;padding:0;margin:0;accent-color:var(--red,#ba1723);box-shadow:none}
.consumer-model-choice img{display:block;width:88px;height:88px;max-width:100%;object-fit:contain;background:#fff;border-radius:9px}
.consumer-model-choice strong{display:block;font-size:12px;font-weight:800;color:#20232b;line-height:1.6}
.consumer-model-choice small{display:block;font-size:11px;color:#64748b;line-height:1.8}
.consumer-model-picker .consumer-model-choice--undecided{grid-column:1/-1;flex-direction:row;min-height:58px;padding:9px 36px 9px 10px;text-align:right;justify-content:flex-start}
.consumer-model-choice--undecided input[type=radio]{top:19px}
.consumer-model-image-placeholder{display:grid;place-items:center;width:88px;height:88px;border-radius:9px;background:#f1f5f9;color:#64748b;font-weight:800;direction:ltr}
.consumer-model-status{min-height:0;margin:7px 0 0;font-size:11px;line-height:1.9;color:#64748b}
.consumer-model-picker [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.consumer-model-picker *{transition:none}}

.consumer-model-picker .consumer-color-field{min-inline-size:0;margin:18px 0 0;padding:0;border:0}
.consumer-model-picker .consumer-color-field>legend{margin:0 0 10px;padding:0;font-size:14px;font-weight:800;color:#20232b}
.consumer-color-grid{display:grid;grid-template-columns:repeat(var(--consumer-color-columns,3),minmax(0,1fr));gap:8px}
.consumer-model-picker .consumer-color-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:144px;margin:0;padding:28px 6px 10px;border:1px solid #e2e5eb;border-radius:12px;background:#fff;color:#20232b;font-size:13px;font-weight:700;line-height:1.6;text-align:center;cursor:pointer}
.consumer-color-choice img{display:block;width:88px;max-width:100%;height:88px;object-fit:contain;border-radius:8px;background:#fff}
.consumer-model-picker .consumer-color-choice input[type=radio]{position:absolute;inset-inline-start:9px;top:9px;width:17px;height:17px;min-height:0;max-width:17px;padding:0;margin:0;accent-color:var(--red,#ba1723);box-shadow:none}
.consumer-color-choice.is-selected,.consumer-color-choice:has(input:checked){border-color:var(--red,#ba1723);background:#fff6f6;box-shadow:inset 0 0 0 1px var(--red,#ba1723)}
.consumer-color-choice:focus-within{outline:2px solid var(--red,#ba1723);outline-offset:2px}
.consumer-color-field:not(:disabled) .consumer-color-choice:hover{border-color:var(--red,#ba1723)}
.consumer-model-picker .consumer-color-choice--undecided{grid-column:1/-1;flex-direction:row;justify-content:flex-start;min-height:46px;padding:10px 36px 10px 12px;text-align:start;font-size:12px}
.consumer-model-picker .consumer-color-choice--undecided input[type=radio]{top:14px}
.consumer-model-picker .consumer-color-grid--single .consumer-color-choice:not(.consumer-color-choice--undecided){flex-direction:row;justify-content:flex-start;gap:16px;min-height:112px;padding:12px 36px 12px 12px;text-align:start}
.consumer-color-image-placeholder{display:grid;place-items:center;width:88px;max-width:100%;height:88px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:500}
.consumer-color-field:disabled .consumer-color-choice{color:#64748b;background:#f5f6f8;border-color:#e2e5eb;box-shadow:none;cursor:default}
.consumer-color-field[aria-invalid=true] .consumer-color-grid{outline:1px solid var(--red,#ba1723);outline-offset:3px;border-radius:12px}
.consumer-model-picker .consumer-color-field .consumer-model-help{margin:9px 0 0}
