.stock-options{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);container-type:inline-size}.stock-options h3{font-size:16px;line-height:1.4;margin:0;color:var(--foreground)}.stock-options .stock-options-intro{font-size:12px;line-height:1.6;color:var(--muted-foreground);margin:4px 0 18px}.stock-options-group+.stock-options-group{margin-top:18px}.stock-options-group h4{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.045em;color:var(--muted-foreground);margin:0 0 4px}.stock-options-group h4:after{content:"";height:1px;background:var(--border);flex:1}.stock-options-group ul{list-style:none;margin:0;padding:0}.stock-option{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.stock-option>img{width:56px;height:56px;object-fit:contain;background:var(--muted);border-radius:6px;mix-blend-mode:multiply}.stock-option-no-image .stock-option-text{grid-column:1 / 3}.stock-option-text{min-width:0}.stock-option-text>strong{display:block;font-size:13px;font-weight:600;line-height:1.5;color:var(--foreground);overflow-wrap:anywhere}.stock-option-sku{display:block;font-size:11px;line-height:1.6;color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:2px}.stock-option-stock{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;color:#168445;margin-top:4px}.stock-option-stock .status-dot{margin:0;background:#168445;flex-shrink:0}.stock-options .stock-option-select{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;font-size:12px;color:#fff;background:var(--primary);white-space:nowrap}.stock-option-select svg{width:15px;height:15px;transition:transform .15s}.stock-option-select:hover svg{transform:translate(2px)}.stock-option-select:disabled{opacity:.65;cursor:wait}.stock-options-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--foreground);background:none;border:0}.stock-options-more svg{width:15px;height:15px}.stock-options .stock-options-error{font-size:12px;margin-top:12px;color:#9b3b33}.stock-options-hint{font-size:11px;line-height:1.5;padding-left:16px;color:#168445}@container (max-width:360px){.stock-option{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.stock-option>img{width:48px;height:48px}.stock-options .stock-option-select{padding:8px;font-size:12px;gap:4px}.stock-option-text>strong{font-size:12px}}@container (max-width:285px){.stock-option{grid-template-columns:48px minmax(0,1fr)}.stock-option-select{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){.stock-option-select svg{transition:none}}