.variant-visuals{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:flex-start;max-width:290px;flex-shrink:0}
.variant-visual{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:70px;padding:2px 2px 4px;border:1px solid #e4eaf0;border-radius:10px;background:#f8fafc;box-sizing:border-box}
.variant-visual svg{display:block;width:64px;height:66px;filter:drop-shadow(0 2px 1px #12203518)}
.variant-visual .variant-visual-label{display:block;font-size:9px;line-height:12px;font-weight:600;color:#526477;text-align:center;white-space:normal}
.variant-visual-quantity{position:absolute;top:-5px;right:-4px;border-radius:9px;padding:1px 5px;background:#0877cf;color:white;font-size:11px;font-weight:700;box-shadow:0 1px 3px #1233}
.variant-visual-unit{font-size:9px;color:#526477;line-height:10px}
.orders-shell .order-list-item.has-variant-visuals{grid-template-columns:var(--order-list-thumb-width,79px) minmax(90px,1fr) auto}
.item-name-and-variants{display:flex;gap:12px;align-items:center;justify-content:space-between}
.item-name-copy{min-width:0;flex:1}
@media(max-width:1100px){.item-name-and-variants{flex-wrap:wrap}.variant-visuals{max-width:220px}.orders-shell .order-list-item.has-variant-visuals{grid-template-columns:var(--order-list-thumb-width,79px) minmax(90px,1fr)}.order-list-item.has-variant-visuals>.variant-visuals{grid-column:2;justify-content:flex-start}}
.orders-shell img.order-list-thumb{cursor:zoom-in}
.orders-shell img.order-list-thumb:focus-visible{outline:3px solid #0781d4;outline-offset:3px}
.order-photo-dialog{width:min(800px,calc(100vw - 32px),calc(100dvh - 32px));height:min(800px,calc(100vw - 32px),calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 18px 70px #0b1c3540;overflow:hidden}
.order-photo-dialog::backdrop{background:rgba(10,24,46,.72)}
.order-photo-large{display:block;width:100%;height:100%;object-fit:contain}
.order-photo-close{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d1ddea;border-radius:10px;background:#fff;color:#163452;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 10px #0b1c3520}
.order-photo-close:hover{background:#edf5fc}