/* Sidd Roofing Instant Quote - matches siddroofing.com (Roboto headings, Muli body, red gradient accents) */
.sidd-rq{--rq-red1:#f25743;--rq-red2:#eb3648;--rq-dark:#1e1e2a;--rq-text:#5a5a68;--rq-line:#e8e8ee;--rq-soft:#f6f6f9;
  max-width:1140px;margin:40px auto;font-family:Muli,Mulish,sans-serif;color:var(--rq-text);font-size:16px;line-height:1.6;box-sizing:border-box}
.sidd-rq{scroll-margin-top:130px}
.sidd-rq [hidden]{display:none!important}
.sidd-rq *,.sidd-rq *:before,.sidd-rq *:after{box-sizing:border-box}
.sidd-rq h3,.sidd-rq h4,.sidd-rq .sidd-rq-price,.sidd-rq button,.sidd-rq-btn{font-family:Roboto,sans-serif}
.sidd-rq-tag{display:inline-flex;align-items:center;gap:8px;color:var(--rq-red2);font-family:Roboto,sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.sidd-rq-tag:before{content:"";width:14px;height:14px;border:3px solid var(--rq-red2);border-right:0;border-bottom:0}
.sidd-rq-panel{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 10px 40px rgba(30,30,42,.10)}
.sidd-rq-side{background:var(--rq-dark) linear-gradient(160deg,rgba(235,54,72,.22),rgba(30,30,42,0) 55%);color:#cfcfd8;padding:44px 40px}
.sidd-rq-side h3{color:#fff;font-weight:900;font-size:38px;line-height:1.15;margin:0 0 14px}
.sidd-rq-side .sidd-rq-tag{color:var(--rq-red1)}.sidd-rq-side .sidd-rq-tag:before{border-color:var(--rq-red1)}
.sidd-rq-steps{list-style:none;padding:0;margin:26px 0 0}
.sidd-rq-steps li{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px;color:#e4e4ea}
.sidd-rq-steps b{flex:0 0 32px;height:32px;border-radius:50%;background:linear-gradient(90deg,var(--rq-red1),var(--rq-red2));color:#fff;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}
.sidd-rq-trust{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#a9a9b6}
.sidd-rq-form{padding:44px 40px}
.sidd-rq-form h4{color:var(--rq-dark);font-size:24px;font-weight:700;margin:0 0 4px}
.sidd-rq-sub{margin:0 0 10px}
.sidd-rq label{display:block;margin:14px 0 0;color:var(--rq-dark);font-weight:700;font-size:14px}
.sidd-rq input{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--rq-line);border-radius:5px;background:var(--rq-soft);font:inherit;color:var(--rq-dark);transition:border-color .2s,background .2s}
.sidd-rq input:focus{outline:0;border-color:var(--rq-red2);background:#fff}
.sidd-rq-row{display:flex;gap:14px}.sidd-rq-row label{flex:1}
.sidd-rq-hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}
.sidd-rq button,.sidd-rq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding:14px 32px;border:0;border-radius:5px;background:linear-gradient(90deg,var(--rq-red1),var(--rq-red2) 50%);color:#fff!important;font-weight:700;font-size:17px;cursor:pointer;text-decoration:none;transition:background .3s,transform .15s}
.sidd-rq button:hover,.sidd-rq-btn:hover{background:var(--rq-dark);transform:translateY(-1px)}
.sidd-rq button[disabled]{opacity:.75;cursor:wait}
.sidd-rq-btn.alt{background:var(--rq-dark)}.sidd-rq-btn.alt:hover{background:linear-gradient(90deg,var(--rq-red1),var(--rq-red2) 50%)}
.sidd-rq-form button{width:100%}
.sidd-rq-fine{font-size:13px;color:#8a8a96;margin:12px 0 0}
.sidd-rq-err{color:var(--rq-red2);font-weight:700;margin:12px 0 0}
/* confirm step */
.sidd-rq-map{margin:18px 0 6px;border-radius:6px;overflow:hidden;background:#dcdce3;aspect-ratio:16/10;max-width:760px}
.sidd-rq-map img{display:block;width:100%;height:100%;object-fit:cover}
.sidd-rq-maphint{font-size:14px;color:#8a8a96;margin:0}
.sidd-rq-q{margin-top:18px;color:var(--rq-dark);font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sidd-rq-opt{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 12px;border:1px solid var(--rq-line);border-radius:5px;background:var(--rq-soft);cursor:pointer;font-family:Roboto,sans-serif;user-select:none}
.sidd-rq-opt.on{background:var(--rq-dark);color:#fff;border-color:var(--rq-dark)}
/* results */
.sidd-rq-result{background:#fff;border-radius:6px;box-shadow:0 10px 40px rgba(30,30,42,.10);padding:40px}
.sidd-rq-result h3{color:var(--rq-dark);font-weight:900;font-size:34px;margin:0 0 6px}
.sidd-rq-addr{color:var(--rq-dark);font-weight:700;margin:0}
.sidd-rq-meta{margin:4px 0 0}
.sidd-rq-meta strong{color:var(--rq-dark)}
.sidd-rq-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0 8px}
.sidd-rq-card{border:1px solid var(--rq-line);border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.sidd-rq-card:hover{box-shadow:0 12px 30px rgba(30,30,42,.12);transform:translateY(-3px)}
.sidd-rq-photo{height:150px;background:#ddd center/cover no-repeat;position:relative}
.sidd-rq-photo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--rq-red1),var(--rq-red2))}
.sidd-rq-body{padding:18px 18px 20px;text-align:center}
.sidd-rq-mat{color:var(--rq-dark);font-family:Roboto,sans-serif;font-weight:700;font-size:17px;line-height:1.3}
.sidd-rq-from{color:#8a8a96;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:10px}
.sidd-rq-price{font-size:32px;font-weight:900;line-height:1.1;background:linear-gradient(90deg,var(--rq-red1),var(--rq-red2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sidd-rq-range{font-size:13px;color:var(--rq-text);margin-top:4px}
.sidd-rq-note{background:#fff5f4;border-left:4px solid var(--rq-red2);padding:10px 14px;border-radius:4px;font-size:14px}
.sidd-rq-next{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px}
.sidd-rq-next p{flex:1 1 320px;margin:22px 0 0}
.sidd-rq-disclaimer{font-size:15px;line-height:1.6;color:#5a5a68;text-align:center;max-width:900px;margin:20px auto 0}
@media (max-width:980px){.sidd-rq-cards{grid-template-columns:repeat(2,1fr)}.sidd-rq-panel{grid-template-columns:1fr}.sidd-rq-side{padding:32px 24px}.sidd-rq-side h3{font-size:30px}}
@media (max-width:560px){.sidd-rq{margin:20px auto}.sidd-rq-form,.sidd-rq-result{padding:26px 18px}.sidd-rq-row{flex-direction:column;gap:0}.sidd-rq-cards{grid-template-columns:1fr}.sidd-rq-result h3{font-size:28px}.sidd-rq-btn{width:100%}}
