.rl-condition-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;font-size:14px;line-height:20px}
.rl-condition-compare-cell{padding:8px;background:var(--rev-t128,#fff)}.rl-condition-compare-cell:first-child,.rl-condition-compare-cell:nth-child(2){padding:12px 12px 0;border-radius:8px 8px 0 0}.rl-condition-compare-cell:nth-last-child(-n+2){padding-bottom:12px;border-radius:0 0 8px 8px}
.rl-condition-compare-cell h2{font-size:22px;line-height:32px;margin:0}.rl-condition-compare-cell>div{height:100%;display:flex;flex-direction:column;justify-content:center}.rl-condition-compare-cell p{margin:0}
dialog.rl-condition-photos-dialog{width:976px;max-width:100vw}
.rl-condition-tabs{margin-top:0;background:#f8f9fc;border-bottom:1px solid #dedce2}
.rl-condition-tabs [role="tablist"]{display:flex;justify-content:space-around}
.rl-condition-tabs button{font:400 16px/24px BMDupletTXT,HelveticaTXT,sans-serif;background:transparent;color:#110f15;border:0;border-bottom:2px solid transparent;padding:20px 16px;cursor:pointer}
.rl-condition-tabs button[aria-selected="true"]{font-weight:600;border-bottom-color:#110f15}
.rl-condition-photo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px}
.rl-condition-photo-grid>div{min-width:0}
.rl-condition-photo-grid figure{position:relative;margin:0;aspect-ratio:1;overflow:hidden;border-radius:12px}
.rl-condition-main-photo{display:block;width:100%;height:100%;object-fit:cover}
.rl-condition-photo-grid figcaption{position:absolute;left:16px;bottom:16px;background:rgb(17 15 21/.75);color:#fff;border-radius:4px;padding:4px 8px;font-size:14px;line-height:20px}
.rl-condition-photo-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;min-height:48px}
.rl-condition-photo-controls button{background:#fff;color:#110f15;border:1px solid #dedce2;border-radius:4px;padding:0;width:40px;height:40px;overflow:hidden;cursor:pointer}
.rl-condition-photo-controls button[aria-current="true"]{border-color:#110f15}.rl-condition-photo-controls img{width:100%;height:100%;object-fit:cover}.rl-condition-photo-controls>button{background:#110f15;color:#fff;border:0;border-radius:50%;width:32px;height:32px;font-size:24px}
.rl-condition-tabs button:focus-visible,.rl-condition-photo-controls button:focus-visible{outline:2px solid #110f15;outline-offset:2px}
.rl-condition-review p{margin-top:16px}
@media(max-width:767px){dialog.rl-condition-photos-dialog{width:100vw}.rl-condition-photo-grid{grid-template-columns:1fr}.rl-condition-tabs button{padding:16px 8px;font-size:14px;line-height:20px}}
.rl-condition-review h3{font-size:20px;line-height:28px;font-weight:600;margin:0}
.rl-condition-review-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rl-condition-verified{font-size:12px;line-height:18px;padding:2px 8px;border-radius:4px;white-space:nowrap}
.rl-condition-stars{display:flex;gap:2px;align-items:center;color:#110f15}
.rl-condition-stars strong{font-size:20px;line-height:28px;margin-left:8px}
.rl-condition-review-product{display:flex;gap:8px;align-items:flex-start;background:#f8f9fc;border-radius:8px;padding:12px}
.rl-condition-review-product img{width:32px;height:32px;object-fit:contain;flex:none}
.rl-condition-photo-controls>button{display:flex;align-items:center;justify-content:center}

.rl-condition-thumb-strip{display:flex;flex:1;min-width:0;gap:8px;overflow:hidden;padding:4px;scroll-behavior:smooth}
.rl-condition-thumb-strip button{flex:none}.rl-condition-thumb-strip button:not([aria-current="true"]) img{opacity:.5}.rl-condition-thumb-strip button:hover img,.rl-condition-thumb-strip button:focus img{opacity:1}
@media(prefers-reduced-motion:reduce){.rl-condition-thumb-strip{scroll-behavior:auto}}

/* A local cosmetic guide remains useful when a category has no example photo. */
[data-condition-hidden]{display:none!important}
.rl-condition-visual-column{min-width:0}
.rl-condition-added-column{flex:1;max-width:498px;margin-right:48px}
.rl-condition-inline-guide{margin:20px 0 0;padding:24px;border-radius:24px;background:#f5f3f8;color:#292330;font-family:BMDupletTXT,HelveticaTXT,Arial,sans-serif}
.rl-condition-inline-guide.is-illustrated{padding:0 0 24px;background:#f1ebfb;overflow:hidden}
.rl-condition-illustration{display:block;width:100%;height:auto;max-height:270px;object-fit:contain}
.rl-condition-copy h3{margin:0 0 18px;font-size:25px;line-height:1.2;font-weight:650;letter-spacing:-.5px}
.rl-condition-copy dl{margin:0;display:grid;gap:18px}
.rl-condition-copy dt{margin-bottom:5px;font-size:15px;line-height:1.4;font-weight:650}
.rl-condition-copy dd{margin:0;font-size:15px;line-height:1.55;color:#56505f}
.is-illustrated>.rl-condition-copy{padding:4px 24px 0}
.rl-condition-illustration-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:#6d6479}
.is-illustrated>.rl-condition-illustration-note{margin:0;padding:0 24px 20px}
.rl-condition-comparison-copy{padding:24px}
.rl-condition-comparison-copy>h2{font-size:26px;margin:0 0 14px}
.rl-condition-comparison-copy>p{font-size:15px;line-height:1.55;color:#56505f}
.rl-condition-comparison-copy>article{padding:22px 0;border-top:1px solid #dedce2}
.rl-condition-comparison-copy>article:first-of-type{margin-top:24px}
.rl-condition-comparison-copy .rl-condition-copy h3{font-size:21px}
.rl-condition-photo-grid .rl-condition-main-photo{object-fit:contain;background:#f5f3f8}
.rl-condition-photo-grid figure>.rl-condition-illustration{height:100%;max-height:none;background:#f1ebfb}
.rl-condition-thumb-strip .rl-condition-illustration{width:100%;height:100%;max-height:none}
@media(max-width:767px){.rl-condition-added-column{max-width:none;margin-right:0}.rl-condition-inline-guide{margin:12px 0 20px;padding:20px;border-radius:20px}.rl-condition-inline-guide.is-illustrated{padding:0 0 20px}.rl-condition-illustration{max-height:220px}.is-illustrated>.rl-condition-copy{padding:0 20px}.is-illustrated>.rl-condition-illustration-note{padding:0 20px 16px}.rl-condition-copy h3{font-size:23px}.rl-condition-copy dd{font-size:14px}.rl-condition-copy dl{gap:15px}}

/* P2 方案A：采集型 PDP 的 inline condition guide 由 JS 在首帧后插入，插入前用静态占位预留终态高度，
   避免左侧列变高把右侧选项列顶出视口（CLS）。
   高度取各断点实测终态：≥1280=236px, 768–1279=282px, ≤767=261px（截图/实测来自 robot-vacuum、viewsonic 等同构页）。 */
body[data-model-captured-owner-id] [data-condition-inline-guide]:empty{min-height:236px}
@media (max-width:1279px){body[data-model-captured-owner-id] [data-condition-inline-guide]:empty{min-height:282px}}
@media (max-width:767px){body[data-model-captured-owner-id] [data-condition-inline-guide]:empty{min-height:261px}}
