
/* ROOFIX conversion/content enhancements — keeps existing visual system */
.rx-proof{margin:28px 0;padding:24px;border:1px solid var(--line,#303133);background:linear-gradient(180deg,rgba(255,102,0,.055),rgba(255,102,0,.015));border-radius:12px}
.rx-proof h2,.rx-proof h3{margin-top:0}
.rx-proof__lead{color:var(--muted,#aaa7a1);max-width:900px;margin:0 0 16px}
.rx-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.rx-proof-card{padding:16px;border:1px solid var(--line,#303133);border-radius:10px;background:rgba(255,255,255,.018)}
.rx-proof-card b{display:block;color:var(--text,#f5f3ef);margin-bottom:6px}
.rx-proof-card span,.rx-proof-card p{color:var(--muted,#aaa7a1);font-size:14px;margin:0}
.rx-proof-card strong{color:var(--accent,#ff6600)}
.rx-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line,#303133)}
.rx-callout p{margin:0;color:var(--muted,#aaa7a1)}
.rx-service-photo{margin:24px 0;border:1px solid var(--line,#303133);border-radius:12px;overflow:hidden;background:var(--card,#191a1b)}
.rx-service-photo img{display:block;width:100%;max-height:520px;object-fit:cover}
.rx-service-photo figcaption{padding:12px 14px;color:var(--muted,#aaa7a1);font-size:13px}
.rx-home-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rx-home-work{min-height:330px;border-radius:12px;overflow:hidden;position:relative;background-size:cover;background-position:center;border:1px solid var(--line,#303133)}
.rx-home-work:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.86))}
.rx-home-work>div{position:absolute;z-index:1;left:16px;right:16px;bottom:16px}
.rx-home-work b{display:block;font-size:16px}.rx-home-work span{display:block;color:#d4d0ca;font-size:13px;margin-top:4px}
.rx-related{margin:26px 0;padding:18px 20px;border-left:3px solid var(--accent,#ff6600);background:rgba(255,102,0,.045);border-radius:0 10px 10px 0}
.rx-related strong{display:block;margin-bottom:6px}.rx-related p{margin:0 0 10px;color:var(--muted,#aaa7a1)}
.rx-related a{color:var(--accent2,#ff8533);font-weight:700}
@media(max-width:900px){.rx-home-work-grid{grid-template-columns:repeat(2,1fr)}.rx-proof-grid{grid-template-columns:1fr}.rx-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.rx-home-work-grid{grid-template-columns:1fr}.rx-home-work{min-height:300px}.rx-proof{padding:18px}}

/* ROOFIX TOP10 -> TOP5 contextual SEO push, 2026-09-05 */
.roofix-top5-push{padding:42px 0}.roofix-top5-push .intro{max-width:900px}.roofix-push-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.roofix-push-link{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;text-decoration:none;font-weight:600}.roofix-push-link:hover{text-decoration:underline}@media(max-width:640px){.roofix-top5-push{padding:30px 0}.roofix-push-links{display:grid;grid-template-columns:1fr}.roofix-push-link{width:100%}}

/* ROOFIX CALL CONVERSION PUSH 2026-09-09 */
.rx-mobile-callbar{display:none}.rx-call-strip{margin:28px auto;padding:18px 20px;border:1px solid #3a3b3d;background:#151617;border-radius:8px}.rx-call-strip strong{display:block;font-size:20px;margin-bottom:6px}.rx-call-strip p{margin:0 0 12px;color:#aaa7a1}.rx-call-actions{display:flex;gap:10px;flex-wrap:wrap}.rx-call-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:4px;font-weight:800;background:#c9824f;color:#fff}.rx-call-actions a.rx-photo{background:#7360f2}
@media(max-width:767px){body{padding-bottom:64px}.rx-mobile-callbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#0d0e0f;border-top:1px solid #333}.rx-mobile-callbar a{padding:14px 8px;text-align:center;font-weight:900;font-size:14px}.rx-mobile-callbar a:first-child{background:#c9824f;color:#fff}.rx-mobile-callbar a:last-child{background:#7360f2;color:#fff}.rx-call-strip{margin:18px 0}.rx-call-actions a{flex:1 1 140px}}
