/* Product photos and the shopping list (2026-11-08, part 12). */
.od-thumb.has-img{background:#fff;overflow:hidden;padding:0}
.od-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.od-lead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.od-lead>span{flex:1 1 260px;min-width:0}
.od-shop{flex:none}
.sl-card{display:flex;flex-direction:column;gap:12px}
.sl-preview{max-height:min(56vh,560px);overflow:auto;border:1px solid var(--sp-line);border-radius:14px;padding:4px 14px 10px;background:#fff}
.sl-sub{margin:10px 0 4px;font:500 13px/1.4 var(--sp-body);color:var(--sp-muted)}
.sl-group h3{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px;font:700 13px/1.2 var(--sp-body);letter-spacing:.06em;text-transform:uppercase;color:var(--sp-red)}
.sl-group h3 small{font-weight:600;color:var(--sp-muted);letter-spacing:0;text-transform:none}
.sl-item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--sp-line)}
.sl-group .sl-item:first-of-type{border-top:0}
.sl-box{width:20px;height:20px;border:2px solid var(--sp-ink);border-radius:5px}
.sl-img{width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--sp-cream);border:1px solid var(--sp-line);display:grid;place-items:center}
.sl-img img{width:100%;height:100%;object-fit:cover}
.sl-img i{font:700 14px var(--sp-body);font-style:normal;color:var(--sp-red)}
.sl-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-main b{font:600 14.5px/1.3 var(--sp-body);color:var(--sp-ink)}
.sl-main span{font:500 12.5px/1.35 var(--sp-body);color:var(--sp-muted);overflow-wrap:anywhere}
.sl-main .sl-for{color:var(--sp-ink)}
.sl-main .sl-info{color:var(--sp-sky-ink,#1d4f80)}
.sl-qty b{font:700 22px/1 var(--sp-display);font-variant-numeric:tabular-nums;color:var(--sp-ink)}
.sl-actions{display:flex;flex-wrap:wrap;gap:8px}
#sl-print{display:none}
@media (max-width:560px){.sl-item{grid-template-columns:auto auto minmax(0,1fr);}.sl-qty{grid-column:3;justify-self:start}.sl-img{width:52px;height:52px}}
@media print{
 body.sl-printing>*:not(#sl-print){display:none!important}
 body.sl-printing{background:#fff!important}
 body.sl-printing #sl-print{display:block;color:#000;font-family:var(--sp-body),system-ui,sans-serif}
 #sl-print h1{font:700 22px/1.2 var(--sp-display),system-ui,sans-serif;margin:0 0 2px}
 #sl-print .sl-item{break-inside:avoid;border-top:1px solid #ccc}
 #sl-print .sl-img{width:72px;height:72px;border:1px solid #ccc}
 #sl-print .sl-main span,#sl-print .sl-main .sl-info{color:#333}
 #sl-print .sl-group h3{color:#000;break-after:avoid}
 @page{margin:14mm}
}