/* /riparazioni/ · linguette delle 4 categorie, pannelli con i problemi tipici, fascia «foto su WhatsApp», banco */

/* linguette (solo con JS) */
.pg-riparazioni .rp-ling{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
.pg-riparazioni .rp-ling[hidden]{display:none}
.pg-riparazioni .rp-ling button{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px;border-radius:var(--r);border:1.5px solid var(--linea);background:var(--bianco);font:700 clamp(16px,1.3vw,19px)/1.2 var(--f-tit);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.pg-riparazioni .rp-ling button:hover{border-color:var(--grafite)}
.pg-riparazioni .rp-ling button[aria-selected="true"]{background:var(--grafite);border-color:var(--grafite);color:#fff}
.pg-riparazioni .rp-ling-n{font:500 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--rosso)}
.pg-riparazioni .rp-ling button[aria-selected="true"] .rp-ling-n{color:var(--brace)}

/* pannelli */
.pg-riparazioni .rp-pannelli{display:grid;gap:20px}
.pg-riparazioni .rp-pan{background:var(--bianco);border-radius:var(--r-foto);box-shadow:0 0 0 1px var(--linea) inset;padding:clamp(24px,3.4vw,48px)}
.pg-riparazioni .rp-pan[hidden]{display:none}
.pg-riparazioni .rp-pan-testa{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,48px);align-items:end;padding-bottom:clamp(20px,2.4vw,32px);border-bottom:1px solid var(--linea)}
.pg-riparazioni .rp-n{font:500 13px/1 var(--f-mono);letter-spacing:.08em;color:var(--rosso)}
.pg-riparazioni .rp-h{font-size:clamp(28px,3vw,42px);letter-spacing:-.025em;margin:10px 0 12px}
.pg-riparazioni .rp-intro{color:var(--ferro);font-size:clamp(17px,1.3vw,19px);max-width:36em}
.pg-riparazioni .rp-tipi{display:grid;gap:8px}
.pg-riparazioni .rp-tipi li{padding:12px 16px;border-radius:12px;background:var(--carta);font-weight:700;font-size:16px}
.pg-riparazioni .rp-probl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px) clamp(20px,3vw,40px);padding:clamp(24px,3vw,40px) 0}
.pg-riparazioni .rp-probl li{position:relative;padding-left:18px;border-left:2.5px solid var(--rosso)}
.pg-riparazioni .rp-probl h4{font-size:clamp(19px,1.5vw,21px);margin-bottom:6px}
.pg-riparazioni .rp-probl p{color:var(--ferro);font-size:16px;line-height:1.5}
.pg-riparazioni .rp-piede{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--linea)}
.pg-riparazioni .rp-marche .chip-t{margin-top:0}
.pg-riparazioni .rp-az{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.pg-riparazioni .rp-riga{display:inline-flex;align-items:center;gap:8px;font:500 14px/1.3 var(--f-mono);color:var(--ferro)}
.pg-riparazioni .rp-riga .spunta{width:18px;height:18px;color:var(--rosso)}
@media (max-width:1023px){.pg-riparazioni .rp-probl{grid-template-columns:1fr 1fr}.pg-riparazioni .rp-pan-testa{grid-template-columns:1fr;align-items:start}}
@media (max-width:760px){.pg-riparazioni .rp-ling{grid-template-columns:1fr 1fr}.pg-riparazioni .rp-ling button{min-height:56px;padding:10px 14px}}
@media (max-width:600px){.pg-riparazioni .rp-probl{grid-template-columns:1fr}.pg-riparazioni .rp-az .btn{width:100%}}

/* diagnosi gratuita + foto su WhatsApp */
.pg-riparazioni .rp-foto-wa{background:var(--rosa);padding:clamp(56px,7vw,96px) 0}
.pg-riparazioni .rp-fw-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
.pg-riparazioni .rp-fw-t .h2{font-size:clamp(28px,3.2vw,44px);max-width:22ch}
.pg-riparazioni .rp-fw-wa{background:var(--bianco);border-radius:var(--r-foto);padding:clamp(24px,2.6vw,36px);box-shadow:var(--ombra)}
.pg-riparazioni .rp-fw-q{font:700 22px/1.2 var(--f-tit);margin-bottom:8px}
.pg-riparazioni .rp-fw-wa p:not(.rp-fw-q){color:var(--ferro)}
.pg-riparazioni .rp-fw-wa .btn{margin-top:20px}
@media (max-width:900px){.pg-riparazioni .rp-fw-in{grid-template-columns:1fr}}
@media (max-width:520px){.pg-riparazioni .rp-fw-wa .btn{width:100%}}

/* banco: tre foto del lavoro */
.pg-riparazioni .rp-banco{display:grid;grid-template-columns:3fr 2fr;gap:clamp(12px,1.6vw,20px);margin-top:clamp(48px,6vw,80px)}
.pg-riparazioni .rp-banco li{height:clamp(240px,28vw,420px)}
.pg-riparazioni #laboratorio .tf-corpo .spunte{gap:22px 32px}
.pg-riparazioni #laboratorio .nota{margin-top:28px}
@media (max-width:760px){.pg-riparazioni .rp-banco{grid-template-columns:1fr}.pg-riparazioni .rp-banco li{height:auto;aspect-ratio:16/10}}