/* One photo stage: preserve source pixels/model/strength, never crop or upscale. */
:root{--cc-media-ratio:4/3;--cc-media-padding:clamp(1rem,2vw,1.5rem);--cc-media-surface:#f0f2e9;--cc-media-ink:#4c6153}
@media screen{:root:not([data-theme="light"]){--cc-media-surface:#e8ecdf;--cc-media-ink:#364e3b}}
.product-media,.product-visual.product-media{display:block;position:relative;isolation:isolate;aspect-ratio:var(--cc-media-ratio);height:auto;min-height:0;overflow:hidden;background:var(--cc-media-surface);color:var(--cc-media-ink);flex:none}
.product-media>img,.product-visual.product-media>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:none;margin:0;padding:var(--cc-media-padding);box-sizing:border-box;object-fit:scale-down;mix-blend-mode:normal;filter:none;border:0;border-radius:0;background:transparent;transition:opacity var(--cc-duration,150ms)}
.product-media>img[data-media-status=loading]{opacity:0}.product-media>img[data-media-status=ready]{opacity:1}.product-media>img[hidden]{display:none}
.product-media .cc-media-preview,.product-media .product-placeholder.cc-media-preview{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:.65rem;width:auto;height:auto;padding:2.5rem 1.25rem;margin:0;color:var(--cc-media-ink);font:500 var(--cc-text-sm,.875rem)/1.4 var(--cc-font-body,system-ui);text-align:center}
.cc-media-preview .cc-media-icon{width:2.5rem;height:2.5rem;opacity:.8;stroke-width:1.35}.cc-media-preview .cc-media-label{font-size:var(--cc-text-sm,.875rem);font-weight:600;max-width:24ch}.product-media .cc-media-preview small{display:block;font-size:var(--cc-text-xs,.75rem);font-weight:400;max-width:27ch;line-height:1.5;color:inherit;opacity:1;letter-spacing:0;text-transform:none;margin:0}
.product-media .cc-media-preview[hidden]{display:none}.product-media[data-media-state=error]{background:var(--cc-raised,#edf1e7);color:var(--cc-text,#173c31)}.product-media[data-media-state=error] .cc-media-preview{color:var(--cc-text,#173c31)}
.product-media>.favorite,.product-media>.format-label{z-index:2}.product-media .format-label{font-size:var(--cc-text-xs,.75rem);line-height:1.4}.product-media>.favorite{display:grid;place-items:center;min-width:44px;min-height:44px}.product-media>.favorite .cc-icon{width:1.25rem;height:1.25rem}
.cc-loading-preview{grid-column:1/-1;min-width:0}.cc-loading-preview>p{margin:0 0 var(--cc-space-4,1rem);font-size:var(--cc-text-sm,.875rem);color:var(--cc-muted,#54665d)}.cc-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cc-space-5,1.25rem)}.cc-skeleton-card{min-width:0;border:1px solid var(--cc-border,#cfd9cb);border-radius:var(--cc-radius-md,12px);overflow:hidden;background:var(--cc-surface,#fff)}.cc-skeleton-media{display:grid;place-items:center;aspect-ratio:var(--cc-media-ratio);background:var(--cc-raised,#edf1e7);color:var(--cc-muted,#54665d)}.cc-skeleton-media .cc-icon{width:2.25rem;height:2.25rem;opacity:.4}.cc-skeleton-body{display:grid;gap:.9rem;padding:var(--cc-space-5,1.25rem)}.cc-skeleton-line,.cc-skeleton-price,.cc-skeleton-note{display:block;height:.75rem;border-radius:4px;background:var(--cc-raised,#edf1e7)}.cc-skeleton-line.short{width:42%}.cc-skeleton-line.medium{width:70%}.cc-skeleton-price{width:35%;height:1.75rem;margin:.4rem 0}.cc-skeleton-note{height:3.25rem}
@media(max-width:1000px){.cc-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cc-loading-grid{grid-template-columns:1fr}.cc-loading-grid>.cc-skeleton-card:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.product-media>img{transition:none}}
/* Format cues use shape and literal source labels; color carries no category meaning. */
.cc-format-cue{display:inline-flex;align-items:center;gap:.4em;max-width:100%;vertical-align:middle;font-size:inherit;line-height:1.45;color:inherit;text-align:start;white-space:normal}
.cc-format-cue>.cc-icon{width:1.25em;height:1.25em;min-width:1.25em;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cc-format-cue>span{min-width:0;overflow-wrap:anywhere}
.cc-comparison-name{display:block;margin-top:.5rem}
.product-page-media .cc-media-preview{padding:2.5rem 1.25rem}
.product-body>.cc-compact-format{display:none}
[data-view-layout=list] .product-body>.cc-compact-format{display:block;font-size:.8rem;color:var(--cc-muted);margin-bottom:.5rem}
@media(prefers-reduced-motion:reduce){.cc-format-cue{animation:none;transition:none}}

#products[data-view-layout=list] .cc-media-preview{padding:2.75rem .5rem .5rem;gap:0}
#products[data-view-layout=list] .cc-media-preview .cc-media-icon{width:1.75rem;height:1.75rem;flex:none}
#products[data-view-layout=list] .cc-media-preview :is(.cc-media-label,small){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* List rows carry the same literal format beside the title; leave the narrow photo clear. */
#products[data-view-layout=list] .product-visual>.format-label{display:none}
#products[data-view-layout=list] .product-media>img{padding:.5rem}
/* A merchant family depiction cannot certify the precise package shown for sale. */
.product-media .cc-media-scope{position:absolute;z-index:2;inset:auto 0 0;display:block;margin:0;padding:.4rem .6rem;background:#eef2e7;color:#254431;font:500 .75rem/1.35 var(--cc-font-body,system-ui);text-align:center;overflow-wrap:anywhere}
.product-media:has(.cc-media-scope)>img{padding-bottom:3.4rem}
.product-media[data-media-state=error] .cc-media-scope{display:none}
.exact-offer-media{max-width:22rem}

/* Precomputed32px source previews share the exact photo geometry. No runtime transform. */
.product-media>img:not(.cc-lqip){z-index:2;transition:opacity .25s ease}
.product-media>img.cc-lqip{object-fit:contain;z-index:1;filter:blur(10px);opacity:1;pointer-events:none;transition:opacity .25s ease}
.product-media[data-media-state=ready]>img.cc-lqip{opacity:0}
.product-media[data-media-state=error]>img.cc-lqip{display:none}
.product-media>img[data-fade-cached=true]{transition:none}
.product-media .cc-media-scope{z-index:3}
@media(prefers-reduced-motion:reduce){.product-media>img{transition:none!important}}

/* Existing list/merchant photo dialogs keep one original full-image request. */
.cc-photo-frame{position:relative;isolation:isolate}
.cc-photo-frame>img:not(.cc-lqip){position:relative;z-index:2;opacity:0;transition:opacity .25s ease}
.cc-photo-frame>img.cc-lqip{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:blur(10px);z-index:1;pointer-events:none}
.cc-photo-frame[data-media-state=ready]>img:not(.cc-lqip){opacity:1}
.cc-photo-frame[data-media-state=ready]>img.cc-lqip,.cc-photo-frame[data-media-state=error]>img.cc-lqip{display:none}
.cc-photo-frame>img[data-fade-cached=true]{transition:none}
@media(prefers-reduced-motion:reduce){.cc-photo-frame>img{transition:none!important}}