/* RC2: compact QR flow, original material photos, readable touch targets. */
.hero{padding-block:18px 32px}
.hero-head,.hero-main{min-width:0}
.top>.land-note{display:block;min-height:0;padding-top:0;padding-bottom:6px}
.hero h1{font-size:clamp(27px,7.4vw,40px)}
.lead{font-size:15px;margin-top:8px}
.pick{margin-top:12px;padding:14px}
.sw{min-height:64px;box-shadow:none}
.swatches{gap:7px;margin-top:10px}
.sw-material{font-size:11px}
.result{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.r-summary{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;align-items:center}
.result .r-name{font-size:15px}
.result .r-use{font-size:13px;line-height:1.4;margin-top:3px}
.r-photo{display:block;width:84px;height:104px;object-fit:contain;padding:4px;border-radius:7px;border:1px solid var(--line);background:#fff}
.result .r-lim{font-size:13px;line-height:1.5;margin-top:8px}
.result .r-note{font-size:12px;line-height:1.4}
.result .r-links{gap:0 18px;margin-top:3px;font-size:13px}
.pick-all a{font-size:12.5px;min-height:44px}
.hero-rating{margin-top:10px!important;font-size:11.5px!important;line-height:1.5}
.hero-rating a{display:block;min-height:44px;color:var(--muted);text-decoration:none}
.hero-rating small{display:block;font-size:11px}
.compact-rating a{display:inline-flex;align-items:center;min-height:44px}
.hero-fig figcaption{font-size:12px;max-width:42ch;margin:10px auto 0;line-height:1.5}
.hero-fig img{max-height:280px}
.hero-fig .ph{padding:18px}
.card-more a,.land-options [role="option"],.business-contacts a,.copy-address,footer a,.footer-groups .fl a{min-height:44px}
.eco-footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.contact-language{display:block;flex-basis:100%;font-size:12px;color:var(--muted)}
.uses .plate-img img{padding:12px}
.uses .use:nth-child(3) img{padding:20px}
.uses .use:nth-child(4) img{padding:6px}
.use-cap{padding:12px;gap:8px}
.use-cap b{overflow-wrap:anywhere}
.install-card{gap:12px}
.install-card h3{min-height:0}
.install-media{aspect-ratio:2/1}
.assembly-card-media{aspect-ratio:2/1}
.assembly-marker.step-no{top:20%}
.assembly-caption{font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:-6px}
.assembly-preflight{font-size:13px;line-height:1.5;padding:10px 12px;border-left:3px solid var(--accent);background:var(--bg);border-radius:4px}
.assembly-warning{border-width:1px;padding:12px;margin-top:4px}
.article-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--accent-ink);text-underline-offset:3px}
.assembly-warning .article-link{margin-top:5px}
.install-actions{margin-top:0;gap:8px}
.measure-print{margin:0;font-size:12.5px!important;line-height:1.5}
.business-panel{gap:12px}
.business-benefits{gap:6px}
.business-contacts{gap:2px;padding-top:8px}
.guide-thumb-frame{position:relative;display:block;width:80px;height:80px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:white}
.guide-thumb-frame img{position:absolute;left:0;top:-44%;width:200%;height:200%;max-width:none;object-fit:contain;border:0;border-radius:0}
@media(min-width:880px){
 .hero{padding-block:28px 42px}
 .hero .wrap{column-gap:38px;grid-template-columns:minmax(0,.94fr) minmax(0,1.1fr)}
 .hero-fig .ph{padding:22px}
 .hero-fig img{max-height:545px}
 .slogan{font-size:21px}
 .pick{padding:15px}
 .sw{min-height:66px;padding:6px 4px;gap:4px}
 .sw svg{width:25px;height:25px}
}
@media(max-width:599.98px){
 .guide-thumb-frame{width:64px;height:64px}
 .sw-material{display:none}
 .sw{min-height:60px;padding:6px 2px;gap:5px;line-height:1.35}
 .guide{grid-template-columns:64px minmax(0,1fr) auto}
 .use-cap b{font-size:14px}
 .use-cap i{display:none}
 .install-card{padding:15px}
 .assembly-steps{gap:14px}
 .hero-rating a{min-height:44px}
 .hero-fig img{max-height:260px}
 .hero-fig{margin-top:4px}
 .r-summary{grid-template-columns:minmax(0,1fr) 70px}
 .r-photo{width:70px;height:90px}
}
@media(prefers-reduced-motion:reduce){.sw,.card,.use{transition:none}.pop{animation:none}}