/* Keep the official samples, with room to see their shape and selected state. */
.compact-card,.product-card{border-color:#e2e3e0;border-radius:10px}
.compact-card.selected,.product-card.selected{border-color:#343936;background:#fafbf9}
.compact-image.small-art{display:grid;place-items:center;background:transparent;padding:12px;min-height:88px}
.compact-image.small-art img{position:static;inset:auto;width:60px;height:60px;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border-radius:0}
.compact-image.small-art:hover img{transform:none}
.color-sample .compact-image.small-art img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 1px #18201c14,0 3px 6px #18201c12}
.color-sample.selected .compact-image.small-art img{outline:1.5px solid #343936;outline-offset:5px}
.compact-body{padding:13px 14px;justify-content:center}
.compact-body strong{font-size:12px;line-height:1.45}
.option-action{min-height:32px;gap:12px;color:#656c67}
.option-action .check,.version-card .check{width:22px;height:22px;flex:0 0 22px;border:1px solid #cbd0cb;background:#fff;color:#656c67;font-size:14px;line-height:1;box-shadow:none}
.selected .option-action .check,.version-card.selected .check{background:#28322d;border-color:#28322d;color:#fff;font-size:12px}
.option-action:disabled{color:#49554e}
.compact-card:has(.small-art) .included-label{color:#656c67}
.color-sample .product-image.small-art img{width:96px;height:96px;border-radius:50%;box-shadow:0 0 0 1px #18201c14,0 4px 10px #18201c12}
.color-sample.selected .product-image.small-art img{outline:1.5px solid #343936;outline-offset:6px}
.product-image.small-art{background:#f6f7f4}
@media(hover:hover){
 .compact-card:hover,.product-card:hover{border-color:#a1aaa3}
 .compact-card.selected:hover,.product-card.selected:hover{border-color:#343936}
 .option-action:not(:disabled):hover .check{border-color:#343936;background:#f0f3ee;color:#28322d}
 .selected .option-action:not(:disabled):hover .check{background:#28322d;color:#fff}
}
@media(max-width:900px),(max-width:1024px) and (max-height:600px){
 .compact-body strong{font-size:14px}
 .compact-body .option-action{min-height:44px}
 .workspace .compact-image.small-art{min-height:88px;height:88px;aspect-ratio:auto;padding:14px}
 .workspace[data-step="0"] .compact-image.small-art{height:100%;min-height:112px}
 .workspace[data-step="3"] .compact-card:has(.small-art){display:grid;grid-template-columns:88px minmax(0,1fr)}
 .workspace[data-step="3"] .compact-image.small-art{width:88px;height:100%;min-height:112px}
 .color-sample .compact-image.small-art img{width:54px;height:54px}
 .compact-body{padding:12px}
}
/* Vector illustrations replace text-only source thumbnails. */
.compact-image.small-art img[src*="/illustrations/"]{width:74px;height:64px;max-width:100%;border-radius:0}
.product-image.small-art img[src*="/illustrations/"]{width:160px;height:120px;border-radius:0}
.detail-gallery.small-art img[src*="/illustrations/"]{width:360px;height:270px;max-width:85%;border-radius:0}