/* pagine prodotto: Wave e Vinyl */
.pp{padding-top:2rem}
.pp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center;margin:1rem 0 5.5rem}
.pp-hero h1{font:300 clamp(2.2rem,4.6vw,3.4rem)/1.08 var(--serif);letter-spacing:-.02em;margin-bottom:.6rem}
.pp-hero .lead{color:var(--muted);max-width:36ch;margin-bottom:1.6rem}
.kicker{font:500 .75rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:.9rem}
.facts{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:0 0 2rem;padding:0;list-style:none;color:var(--ink);font-size:.95rem}
.facts li{padding-left:.9rem;position:relative}
.facts li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:var(--brass);border-radius:50%}
.ctas{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:.15rem}
.link:hover{color:var(--brass)}
.ph{position:relative;background:#fff;overflow:hidden}
.ph img{display:block;width:100%;height:100%;object-fit:cover}
.ph.sq{aspect-ratio:1/1}
.ph.contain img{object-fit:contain}
.duo{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center;margin-bottom:5.5rem}
.duo.rev>:first-child{order:2}
.duo h2{font:300 clamp(1.7rem,3vw,2.4rem)/1.15 var(--serif);margin-bottom:1rem;max-width:18ch}
.duo p{color:var(--muted);max-width:46ch;margin-bottom:1rem}
.band{background:linear-gradient(180deg,#efe2cb,#ead9bd);padding:4.5rem 0;margin:0 0 5.5rem}
.band h2{font:300 clamp(1.7rem,3vw,2.4rem)/1.15 var(--serif);margin-bottom:.8rem}
.band .sub{color:#6a5845;max-width:52ch;margin-bottom:2.2rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem}
.specs{border-top:1px solid rgba(42,29,20,.15)}
.specs div{display:flex;justify-content:space-between;gap:1.5rem;padding:.6rem 0;border-bottom:1px solid rgba(42,29,20,.15);font-size:.98rem}
.specs span:first-child{color:var(--muted)}.specs span:last-child{text-align:right}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:5.5rem}
.gallery .ph{aspect-ratio:1/1}
.gallery:empty,.gallery.none{display:none}
.back{display:inline-block;margin:0 0 3rem;text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:.15rem}
/* mappa posizionamento (Wave) */
.room{background:#fff;border-radius:3px;padding:1.2rem;box-shadow:0 10px 30px -18px rgba(90,60,30,.45)}
.room svg{display:block;width:100%;height:auto}
.room .wall{fill:none;stroke:#cdbb9f;stroke-width:3}
.room .pan{fill:#c9a676;opacity:.18;transition:opacity .4s,fill .4s}
.room .pan.on{opacity:1;fill:#8f5a36}
.room-note{min-height:3.4em;color:#6a5845;margin-top:1rem;max-width:46ch}
/* mobile Vinyl */
.cab svg{display:block;width:100%;height:auto;max-height:560px}
.cab .wd{transition:fill .5s}
.levels{display:grid;gap:.2rem;margin:1.2rem 0 2rem}
.levels>div{border-left:2px solid var(--brass);padding:.7rem 0 .7rem 1.1rem}
.levels b{display:block;font:500 1.15rem var(--serif);margin-bottom:.15rem}
.levels span{color:var(--muted);font-size:.95rem}
@media (max-width:820px){
  .pp-hero,.duo{grid-template-columns:1fr;gap:2rem}
  .duo.rev>:first-child{order:0}
  .gallery{grid-template-columns:1fr 1fr}
  .band{padding:3.5rem 0}
}
.ph.wide{aspect-ratio:4/3}
.ph.wide img{object-fit:cover;transform:scale(1.12)}
.cab.room svg{max-height:460px;margin:0 auto}
.link.tel{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.link.tel svg{color:var(--brass)}
.pp-hero{grid-template-columns:1fr 1.35fr;gap:3rem}
.ctas{gap:.8rem 1rem}
.ctas .btn{padding:.8rem 1.3rem}
@media (max-width:820px){.pp-hero{grid-template-columns:1fr}}
.cab img{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}