/* Original ProductGrades DOM/utility layout is retained. These rules only
   provide the scriptless still frame and independent interaction states. */
[data-test="cms-product-grades"] [data-quality-fallback]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
[data-test="cms-product-grades"] canvas{position:relative;touch-action:pan-y;outline-offset:-4px}
[data-test="cms-product-grades"] [data-quality-fallback][hidden]{display:none}
[data-test="cms-product-grades"] [data-quality-category]{cursor:pointer}
[data-test="cms-product-grades"] [data-quality-grade][hidden]{display:none!important}
[data-test="cms-product-grades"] li[data-quality-fact][hidden]{display:none!important}
[data-quality-busy="true"] canvas{opacity:.45}
.rl-condition-preview{position:relative;width:100%;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:#f5f5f5}
.rl-condition-preview canvas,.rl-condition-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.rl-condition-preview>img{position:absolute;inset:0;pointer-events:none}
.rl-condition-preview>img[hidden]{display:none}
.rl-condition-preview canvas{position:relative;touch-action:pan-y;cursor:grab}
.rl-condition-preview canvas:active{cursor:grabbing}
.rl-condition-preview figcaption{position:absolute;top:16px;left:16px;right:16px;font-size:12px;line-height:18px;color:#555;pointer-events:none}
.rl-condition-controls{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:center;gap:12px}
.rl-condition-controls button{padding:8px 12px;font:inherit;font-size:12px;line-height:18px;border:0;border-radius:20px;background:#fff;color:#110f15;box-shadow:0 1px 4px #0001;cursor:pointer}
.rl-condition-controls button:focus-visible{outline:2px solid #6b42e0;outline-offset:2px}
.rl-condition-facts{margin-top:16px;padding:16px;border-radius:16px;background:#f5f5f5;color:#110f15}
.rl-condition-facts h3{font-size:16px;line-height:24px;font-weight:700;margin:0 0 12px}
.rl-condition-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin:0}
.rl-condition-facts dt{font-size:14px;line-height:20px;font-weight:700;margin-bottom:4px}
.rl-condition-facts dd{font-size:12px;line-height:18px;margin:0;color:#555}
@media(max-width:767px){.rl-condition-preview{max-width:430px;margin:0 auto;aspect-ratio:1/1}.rl-condition-preview figcaption{top:12px;left:12px}.rl-condition-controls{bottom:12px}.rl-condition-facts{padding:16px}}
@media(prefers-reduced-motion:reduce){[data-quality-busy] canvas{transition:none}}

[data-test="cms-animated-product-checkpoints"] ul{transition:transform .35s ease}
[data-test="cms-animated-product-checkpoints"] [data-quality-checkpoint-index]{outline-offset:3px}
[data-test="cms-animated-product-checkpoints"] [data-quality-checkpoint-index]:focus-visible{outline:2px solid #7048ad}
.rl-quality-image-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#6b6d75;font-size:14px;line-height:20px}
@media(prefers-reduced-motion:reduce){[data-test="cms-animated-product-checkpoints"] ul{transition:none}}