/* Editorial material list: only the Superfici “Cosa trovi” section. */
.page[data-page="superfici"] .surfaces-materials .materials-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page[data-page="superfici"] .surfaces-materials .material-row{
  display:grid;
  grid-template-columns:40px minmax(0,1.35fr) minmax(0,.85fr);
  align-items:center;
  column-gap:clamp(24px,3vw,48px);
  padding:clamp(28px,3vw,44px) 0;
  border-top:1px solid var(--line);
}
.page[data-page="superfici"] .surfaces-materials .material-number{
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}
.page[data-page="superfici"] .surfaces-materials h3{
  font-family:var(--sans);
  font-size:clamp(28px,3.3vw,52px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.045em;
  margin:0;
}
.page[data-page="superfici"] .surfaces-materials .material-row p{
  font-size:clamp(17px,1.35vw,20px);
  font-weight:400;
  line-height:1.4;
  color:var(--muted);
  max-width:34ch;
  margin:0;
}
@media(max-width:760px){
  .page[data-page="superfici"] .surfaces-materials .material-row{
    grid-template-columns:24px minmax(0,1fr);
    column-gap:16px;
    row-gap:12px;
    align-items:baseline;
    padding:26px 0;
  }
  .page[data-page="superfici"] .surfaces-materials h3{
    font-size:clamp(25px,6vw,38px);
  }
  .page[data-page="superfici"] .surfaces-materials .material-row p{
    grid-column:2;
    font-size:16px;
    max-width:34ch;
  }
  .page[data-page="superfici"] .surfaces-materials .material-number{font-size:12px}
}

/* Brand names without numbering. */
.page[data-page="superfici"] .brand-strip .brand-row{grid-template-columns:minmax(0,1fr) 180px}
@media(max-width:900px){
  .page[data-page="superfici"] .brand-strip .brand-row{grid-template-columns:minmax(0,1fr)}
}