* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;
}

.site-header {
  width: 100%;
  background: #042439;
}

.header-inner {
  min-height: 118px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 18px 36px;
  display: flex;
  align-items: center;
  gap: 34px;
}

.brand-area {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 24px;
}

.logo {
  display: block;
  width: auto;
  object-fit: contain;
}

.logo-mws {
  max-width: 205px;
  max-height: 72px;
}

.logo-integra {
  max-width: 245px;
  max-height: 82px;
}

.brand-divider {
  width: 1px;
  height: 66px;
  background: rgba(255,255,255,.75);
}

.main-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(16px, 1.5vw, 30px);
}

.main-nav a, .language a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}

.main-nav a:hover, .language a:hover { opacity: .72; }

.language {
  padding-left: 24px;
  border-left: 1px solid rgba(255,255,255,.75);
  display: flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
  color: #fff;
}

.language a:not(.active) { opacity: .55; }

@media (max-width: 1250px) {
  .header-inner { padding: 16px 22px; gap: 22px; }
  .logo-mws { max-width: 165px; }
  .logo-integra { max-width: 195px; }
  .brand-area { gap: 16px; }
  .main-nav { gap: 14px; }
  .main-nav a, .language a { font-size: 12px; }
  .language { padding-left: 14px; }
}


/* HERO — prima prova d'insieme. Colori e posizioni da rifinire solo dopo la valutazione visiva. */
.hero {
  position: relative;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
  background: #fff;
}
.hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-copy {
  position: relative;
  z-index: 1;
  width: min(720px, 52vw);
  margin: 0 auto;
  padding-top: 145px;
  text-align: center;
  color: #17364b;
}
.hero-copy h1 {
  margin: 0 0 14px;
  font-size: clamp(54px, 6vw, 92px);
  line-height: .95;
  letter-spacing: .08em;
  font-weight: 700;
}
.hero-pillars {
  font-size: clamp(15px, 1.4vw, 21px);
  letter-spacing: .16em;
  font-weight: 700;
}
.hero-pillars span { margin: 0 .35em; }
.hero-copy p {
  margin: 30px auto 0;
  max-width: 580px;
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.45;
  font-weight: 400;
}

@media (max-width: 900px) {
  .hero { min-height: 500px; }
  .hero-copy { width: 76vw; padding-top: 125px; }
}

/* TRE PILASTRI — volutamente leggeri: prima valutiamo il ritmo con la HERO. */
.pillars {
  background: #fff;
  padding: 62px 36px 70px;
}
.pillars-inner {
  max-width: 1480px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.pillar {
  min-width: 0;
  padding: 0 clamp(34px, 4vw, 72px);
  text-align: center;
}
.pillar + .pillar {
  border-left: 1px solid #c8d4dc;
}
.pillar-visual {
  height: 112px;
  margin: 0 auto 22px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.pillar h2 {
  margin: 0 0 12px;
  color: #17364b;
  font-size: 23px;
  line-height: 1;
  letter-spacing: .06em;
}
.pillar p {
  max-width: 355px;
  min-height: 76px;
  margin: 0 auto 18px;
  color: #445866;
  font-size: 16px;
  line-height: 1.48;
}
.pillar a {
  color: #087fc2;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.pillar a span { margin-left: 7px; }

/* Prima prova con fotografie reali nei tre pilastri.
   Nessuna correzione colore definitiva: valutiamo prima l'insieme. */
.pillar-photo {
  width: 300px;
  max-width: 100%;
  height: 150px;
  margin: 0 auto 20px;
  overflow: hidden;
  align-items: center;
}
.pillar-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pillar-photo-process img {
  object-fit: cover;
  object-position: 58% 53%;
}
.pillar-photo-furnace img {
  object-fit: contain;
  object-position: center;
}

@media (max-width: 900px) {
  .pillars { padding: 42px 24px; }
  .pillars-inner { grid-template-columns: 1fr; }
  .pillar { padding: 34px 12px; }
  .pillar + .pillar { border-left: 0; border-top: 1px solid #c8d4dc; }
  .pillar p { min-height: 0; }
}

/* STEP 5 — prova: fotografie grandi con testo sovrapposto. */
.pillars { padding: 54px 36px 66px; }
.pillars-inner { gap: 18px; max-width: 1540px; }
.pillar-card {
  position: relative;
  height: 330px;
  padding: 0;
  overflow: hidden;
  text-align: left;
  background: #eef2f4;
}
.pillar-card + .pillar-card { border-left: 0; }
.pillar-card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.materials-card-image { object-position: 45% 52%; }
.process-card-image { object-position: 54% 52%; }
.furnace-card-image { object-fit: cover; object-position: 50% 50%; }
.pillar-card-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(2,28,46,.86) 0%, rgba(2,28,46,.46) 35%, rgba(2,28,46,0) 68%);
}
.pillar-card-copy {
  position: absolute;
  z-index: 2;
  left: 28px;
  right: 28px;
  bottom: 24px;
  color: #fff;
}
.pillar-card-copy h2 {
  margin: 0 0 9px;
  color: inherit;
  font-size: 24px;
}
.pillar-card-copy p {
  max-width: 390px;
  min-height: 0;
  margin: 0 0 13px;
  color: inherit;
  font-size: 15px;
  line-height: 1.4;
}
.pillar-card-copy a { color: #4dc4ff; }

/* Materials ha già un grande spazio negativo chiaro: niente fascia scura. */
.pillar-card-copy-dark {
  top: 42px;
  bottom: auto;
  left: 51%;
  right: 24px;
  color: #17364b;
}
.pillar-card-copy-dark p { color: #445866; }
.pillar-card-copy-dark a { color: #087fc2; }

@media (max-width: 900px) {
  .pillars-inner { gap: 16px; }
  .pillar-card { height: 330px; padding: 0; }
  .pillar-card + .pillar-card { border-top: 0; }
  .pillar-card-copy-dark { left: 48%; }
}


/* STEP 6 — POLVERI INTEGRA. Struttura provvisoria: contenuti e immagini verranno rifiniti dopo l'impaginazione completa. */
.powders {
  background: #062d49;
  padding: 66px 36px 76px;
  color: #fff;
}
.powders-inner {
  max-width: 1540px;
  margin: 0 auto;
}
.powders-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 32px;
}
.section-kicker {
  display: block;
  margin-bottom: 7px;
  color: #39bdf2;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
}
.powders-heading h2 {
  margin: 0;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1;
  letter-spacing: .045em;
}
.powders-heading > p {
  max-width: 570px;
  margin: 0;
  color: #d6e2e9;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
}
.powder-grid {
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr;
  gap: 18px;
}
.powder-card {
  min-width: 0;
  background: #fff;
  color: #17364b;
  overflow: hidden;
}
.powder-card img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.powder-card-featured img { object-position: center; }
.powder-card:nth-child(2) img { object-position: 10% 50%; }
.powder-card:nth-child(3) img { object-position: center; }
.powder-card-copy {
  padding: 24px 26px 27px;
}
.powder-series {
  display: block;
  margin-bottom: 7px;
  color: #079cd8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}
.powder-card h3 {
  margin: 0 0 9px;
  color: #102f45;
  font-size: 25px;
  line-height: 1;
}
.powder-card p {
  min-height: 66px;
  margin: 0 0 17px;
  color: #445866;
  font-size: 14px;
  line-height: 1.48;
}
.powder-card a {
  color: #087fc2;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.powder-card a span { margin-left: 7px; }

@media (max-width: 900px) {
  .powders { padding: 48px 24px 56px; }
  .powders-heading { display: block; }
  .powders-heading > p { margin-top: 18px; text-align: left; }
  .powder-grid { grid-template-columns: 1fr; }
  .powder-card img { height: 250px; }
  .powder-card p { min-height: 0; }
}

/* STEP 7 — PROCESS. Prima impostazione completa, ancora volutamente da affinare. */
.process-detail {
  background: #f4f6f7;
  padding: 78px 36px 84px;
  color: #17364b;
}
.process-detail-inner {
  max-width: 1540px;
  margin: 0 auto;
}
.process-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 70px;
  align-items: end;
  margin-bottom: 42px;
}
.process-intro .section-kicker { grid-column: 1 / -1; }
.process-intro h2 {
  margin: 0;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.05;
  letter-spacing: .035em;
}
.process-intro p {
  max-width: 650px;
  margin: 0;
  color: #526571;
  font-size: 16px;
  line-height: 1.55;
}
.process-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
  padding: 29px 34px;
  background: #fff;
  border-top: 3px solid #087fc2;
}
.process-step { min-width: 0; }
.process-step span {
  display: block;
  margin-bottom: 8px;
  color: #079cd8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}
.process-step strong {
  display: block;
  color: #17364b;
  font-size: 16px;
  letter-spacing: .06em;
}
.process-step small {
  display: block;
  margin-top: 5px;
  color: #71818b;
  font-size: 12px;
}
.process-arrow {
  padding: 0 22px;
  color: #9db0bc;
  font-size: 24px;
  font-weight: 300;
}
.process-bottom {
  display: grid;
  grid-template-columns: 1.08fr 1fr;
  min-height: 330px;
  margin-top: 20px;
  background: #062d49;
}
.process-photo { min-height: 330px; overflow: hidden; }
.process-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  object-position: 54% 52%;
}
.process-services {
  padding: 36px 42px;
  display: grid;
  align-content: center;
  gap: 25px;
  color: #fff;
}
.process-services div + div {
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.18);
}
.process-services strong {
  font-size: 14px;
  letter-spacing: .08em;
}
.process-services p {
  margin: 6px 0 0;
  color: #d6e2e9;
  font-size: 14px;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .process-detail { padding: 54px 24px 60px; }
  .process-intro { display: block; }
  .process-intro p { margin-top: 18px; }
  .process-flow { grid-template-columns: 1fr; gap: 12px; }
  .process-arrow { padding: 0; transform: rotate(90deg); justify-self: start; }
  .process-bottom { grid-template-columns: 1fr; }
  .process-photo, .process-photo img { min-height: 260px; }
}


/* STEP 8 — FURNACES. Il forno è volutamente il protagonista della sezione. */
.furnaces-detail {
  background: #fff;
  padding: 88px 36px 92px;
  color: #17364b;
  overflow: hidden;
}
.furnaces-detail-inner {
  max-width: 1540px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .72fr 1.48fr;
  align-items: center;
  gap: 24px;
}
.furnaces-copy {
  position: relative;
  z-index: 2;
  padding-left: 4px;
}
.furnaces-copy h2 {
  margin: 8px 0 20px;
  font-size: clamp(34px, 3.15vw, 52px);
  line-height: 1.02;
  letter-spacing: .025em;
}
.furnaces-lead {
  max-width: 440px;
  margin: 0 0 34px;
  color: #536873;
  font-size: 18px;
  line-height: 1.55;
}
.furnaces-points {
  display: grid;
  gap: 0;
  max-width: 450px;
  margin-bottom: 31px;
  border-top: 1px solid #d8e0e5;
}
.furnaces-points span {
  padding: 13px 0;
  border-bottom: 1px solid #d8e0e5;
  color: #17364b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
}
.furnaces-link {
  color: #087fc2;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.furnaces-link span { margin-left: 7px; }
.furnaces-machine {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.furnaces-machine img {
  display: block;
  width: 112%;
  max-width: none;
  height: auto;
  transform: translateX(2%);
}
@media (max-width: 900px) {
  .furnaces-detail { padding: 58px 24px 64px; }
  .furnaces-detail-inner { grid-template-columns: 1fr; gap: 34px; }
  .furnaces-machine { justify-content: center; }
  .furnaces-machine img { width: 100%; transform: none; }
}


/* UN PERCORSO INSIEME — immagine + accordion */
.expertise-detail {
  background: #f2f4f5;
  padding: 82px 36px 88px;
  color: #17364b;
}
.expertise-detail-inner { max-width: 1440px; margin: 0 auto; }
.expertise-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  min-height: 520px;
}
.expertise-visual {
  position: relative;
  background: #062d49;
  overflow: hidden;
}
.expertise-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.expertise-visual-title {
  position: absolute;
  top: 42px;
  left: 46px;
  z-index: 2;
  color: #fff;
}
.expertise-visual-title span {
  display: block;
  margin-bottom: 7px;
  color: #42c4f3;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}
.expertise-visual-title h2 {
  margin: 0;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.05;
  letter-spacing: .045em;
}
.expertise-accordion {
  padding: 44px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.expertise-accordion details { border-bottom: 1px solid #d9e0e4; }
.expertise-accordion details:first-child { border-top: 1px solid #d9e0e4; }
.expertise-accordion summary {
  list-style: none;
  display: grid;
  grid-template-columns: 38px 1fr 26px;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  cursor: pointer;
}
.expertise-accordion summary::-webkit-details-marker { display: none; }
.expertise-accordion strong {
  font-size: 15px;
  letter-spacing: .075em;
  color: #17364b;
}
.expertise-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
  justify-self: center;
}
.expertise-plus { position: relative; width: 18px; height: 18px; justify-self: end; }
.expertise-plus::before, .expertise-plus::after {
  content: "";
  position: absolute;
  background: #13a5df;
  transition: transform .2s ease;
}
.expertise-plus::before { width: 16px; height: 1.5px; left: 1px; top: 8px; }
.expertise-plus::after { width: 1.5px; height: 16px; left: 8px; top: 1px; }
.expertise-accordion details[open] .expertise-plus::after { transform: rotate(90deg); }
.expertise-accordion p {
  margin: -5px 38px 20px 50px;
  max-width: 500px;
  color: #61737d;
  font-size: 14px;
  line-height: 1.55;
}

.contact-detail { background: #062d49; color: #fff; padding: 92px 36px 36px; }
.contact-detail-inner { max-width: 1440px; margin: 0 auto; }
.contact-kicker { color: #18a9df; }
.contact-detail h2 {
  margin: 12px 0 20px;
  max-width: 820px;
  font-size: clamp(38px, 4.3vw, 66px);
  line-height: .98;
  letter-spacing: .025em;
}
.contact-detail > .contact-detail-inner > p {
  max-width: 650px;
  margin: 0 0 32px;
  color: #d2dee5;
  font-size: 17px;
  line-height: 1.55;
}
.contact-button {
  display: inline-block;
  padding: 14px 20px;
  border: 1px solid rgba(255,255,255,.55);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
}
.contact-button span { margin-left: 18px; }
.contact-footer {
  margin-top: 78px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.2);
  display: flex;
  justify-content: space-between;
  gap: 30px;
  color: #d7e2e8;
  font-size: 12px;
  line-height: 1.6;
}
.contact-footer div:last-child { text-align: right; }
.contact-footer span { color: #8eabb9; }

@media (max-width: 900px) {
  .expertise-detail { padding: 56px 24px 62px; }
  .expertise-layout { grid-template-columns: 1fr; }
  .expertise-visual { min-height: 390px; }
  .expertise-visual-title { top: 30px; left: 30px; }
  .expertise-accordion { padding: 24px 28px; }
  .contact-detail { padding: 62px 24px 28px; }
  .contact-footer { margin-top: 58px; flex-direction: column; }
  .contact-footer div:last-child { text-align: left; }
}

/* STEP 10 — ARCHITETTURA: Materials generale + Process tecnico.
   La grafica resta volutamente provvisoria: qui fissiamo soprattutto gerarchie e contenuti. */
.materials-detail {
  background: #062d49;
  padding: 70px 36px 76px;
  color: #fff;
}
.materials-detail-inner { max-width: 1540px; margin: 0 auto; }
.materials-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 36px;
}
.materials-heading h2 {
  margin: 0;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1;
  letter-spacing: .045em;
}
.materials-heading p {
  max-width: 650px;
  margin: 0;
  color: #d6e2e9;
  font-size: 16px;
  line-height: 1.55;
}
.materials-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255,255,255,.32);
  border-bottom: 1px solid rgba(255,255,255,.32);
}
.materials-field {
  min-height: 255px;
  padding: 30px 34px 28px;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.materials-field + .materials-field { border-left: 1px solid rgba(255,255,255,.32); }
.field-number {
  color: #39bdf2;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
}
.materials-field h3 {
  margin: 22px 0 12px;
  font-size: 25px;
  line-height: 1.05;
  letter-spacing: .035em;
}
.materials-field p {
  max-width: 360px;
  margin: 0;
  color: #d6e2e9;
  font-size: 14px;
  line-height: 1.5;
}
.field-link {
  margin-top: auto;
  padding-top: 24px;
  color: #39bdf2;
  font-size: 13px;
  font-weight: 700;
}
.materials-note {
  margin: 22px 0 0;
  color: #8eabb9;
  font-size: 12px;
  line-height: 1.5;
}

/* STEP 10 override della precedente sezione PROCESS. */
.process-detail { padding: 78px 36px 84px; }
.process-intro { margin-bottom: 38px; }
.thermal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #fff;
  border-top: 3px solid #087fc2;
}
.thermal-item {
  min-height: 190px;
  padding: 27px 30px 30px;
  border-right: 1px solid #d9e0e4;
  border-bottom: 1px solid #d9e0e4;
}
.thermal-item:nth-child(3n) { border-right: 0; }
.thermal-item span {
  display: block;
  color: #079cd8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}
.thermal-item h3 {
  margin: 16px 0 9px;
  color: #17364b;
  font-size: 18px;
  letter-spacing: .055em;
}
.thermal-item p {
  margin: 0;
  color: #61737d;
  font-size: 14px;
  line-height: 1.5;
}
.process-technical {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  min-height: 300px;
  margin-top: 20px;
  background: #062d49;
}
.process-technical .process-photo,
.process-technical .process-photo img { min-height: 300px; }
.process-principle {
  padding: 44px 48px;
  align-self: center;
  color: #fff;
}
.process-formula {
  display: block;
  margin-bottom: 18px;
  color: #39bdf2;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
}
.process-principle h3 {
  max-width: 560px;
  margin: 0 0 18px;
  font-size: 27px;
  line-height: 1.12;
}
.process-principle p {
  max-width: 650px;
  margin: 0;
  color: #d6e2e9;
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .materials-detail { padding: 50px 24px 56px; }
  .materials-heading { grid-template-columns: 1fr; gap: 18px; }
  .materials-fields { grid-template-columns: 1fr; }
  .materials-field + .materials-field { border-left: 0; border-top: 1px solid rgba(255,255,255,.32); }
  .materials-field { min-height: 220px; padding: 26px 24px; }
  .thermal-grid { grid-template-columns: 1fr; }
  .thermal-item { min-height: 0; border-right: 0; }
  .process-technical { grid-template-columns: 1fr; }
  .process-principle { padding: 34px 28px 38px; }
}


/* STEP 12 — bozze pagine dedicate */
.hero-more{display:inline-block;margin-top:16px;color:#078fcf;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.03em}
.brand-area a{display:flex;align-items:center}
.subpage{background:#fff;color:#17364b}.subhero{padding:105px 36px 92px;background:#f4f6f7}.subhero-inner,.subpage-inner{width:min(1180px,100%);margin:0 auto}.subhero h1{margin:12px 0 5px;font-size:72px;line-height:.95;letter-spacing:.08em}.subhero-lead{margin:0 0 28px!important;color:#078fcf!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.subhero p{max-width:760px;margin:0;color:#526975;font-size:17px;line-height:1.65}.section-title-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}.section-title-row h2{margin:0;font-size:31px;letter-spacing:.04em}.section-title-row p{margin:0;color:#667a84;line-height:1.6}.integra-three,.material-areas{padding:82px 36px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #078fcf;border-bottom:1px solid #ccd6db}.three-columns a{min-height:260px;padding:30px;text-decoration:none;color:#17364b}.three-columns a+a{border-left:1px solid #ccd6db}.three-columns span,.material-area span{color:#078fcf;font-size:12px;font-weight:700;letter-spacing:.12em}.three-columns h3{margin:32px 0 14px;font-size:26px}.three-columns p{color:#61747e;line-height:1.55}.competence-page{padding:82px 36px;background:#eef1f2}.competence-page-layout{display:grid;grid-template-columns:1fr 1fr;background:#fff}.competence-page-layout>img{width:100%;height:100%;object-fit:cover}.competence-copy{padding:28px 42px}.competence-copy>div{padding:17px 0;border-bottom:1px solid #d8e0e4}.competence-copy>div:last-child{border-bottom:0}.competence-copy b{font-size:13px;letter-spacing:.05em}.competence-copy p{margin:6px 0 0;color:#657983;font-size:14px;line-height:1.45}.subpage-cta{padding:66px 36px;background:#062d49;color:#fff}.subpage-cta .subpage-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.subpage-cta h2{margin:0;font-size:29px;letter-spacing:.04em}.subpage-cta a{color:#39bdf2;text-decoration:none;font-weight:700}.materials-subhero{background:#062d49;color:#fff}.materials-subhero h1{color:#fff}.materials-subhero p{color:#d4e0e6}.material-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material-area{min-height:330px;padding:34px;background:#f2f4f5;color:#17364b;text-decoration:none;display:flex;flex-direction:column}.material-area-dt{background:#e8eef1}.material-area h3{margin:44px 0 14px;font-size:27px}.material-area p{margin:0;color:#61747e;line-height:1.55}.material-area strong{margin-top:auto;padding-top:28px;color:#078fcf;font-size:13px}.materials-philosophy{padding:85px 36px;background:#f4f6f7}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.philosophy-grid h2{max-width:520px;margin:12px 0 0;font-size:34px;line-height:1.1}.philosophy-grid p{margin:0 0 18px;color:#5f747e;font-size:16px;line-height:1.65}.draft-note{font-size:13px!important;color:#8a9aa2!important}
@media(max-width:900px){.subhero{padding:72px 24px 62px}.subhero h1{font-size:48px}.integra-three,.material-areas,.competence-page,.materials-philosophy{padding:55px 24px}.section-title-row,.philosophy-grid{grid-template-columns:1fr;gap:20px}.three-columns,.material-area-grid,.competence-page-layout{grid-template-columns:1fr}.three-columns a+a{border-left:0;border-top:1px solid #ccd6db}.material-area{min-height:250px}.subpage-cta{padding:45px 24px}.subpage-cta .subpage-inner{align-items:flex-start;flex-direction:column}}

/* STEP 13 — visione INTEGRA */
.integra-vision{padding:82px 36px;background:#062d49;color:#fff}
.integra-vision .section-title-row{align-items:start}
.integra-vision .section-title-row h2{color:#fff}
.integra-vision .section-title-row p{color:#d6e2e9}
.vision-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center;border-top:1px solid rgba(255,255,255,.25);padding-top:48px}
.vision-copy{max-width:700px}
.vision-copy p{margin:0 0 24px;color:#e4edf1;font-size:18px;line-height:1.65}
.vision-copy strong{color:#fff}
.vision-copy .vision-emphasis{margin:34px 0 0;color:#fff;font-size:23px;line-height:1.4;font-style:italic;font-weight:600}
.vision-mark{display:flex;justify-content:center;align-items:center}
.vision-mark img{display:block;width:min(290px,100%);height:auto}
@media(max-width:900px){.integra-vision{padding:55px 24px}.vision-layout{grid-template-columns:1fr;gap:40px}.vision-mark{justify-content:flex-start}.vision-mark img{width:230px}.vision-copy .vision-emphasis{font-size:20px}}

/* STEP 14 — sviluppo pagina MATERIALS */
.diamond-tools-section{padding:86px 36px;background:#062d49;color:#fff}
.diamond-tools-section .section-title-row h2{color:#fff;margin:8px 0 0}
.diamond-tools-section .section-title-row p{color:#d3e0e6}
.powder-family-layout{display:grid;grid-template-columns:.88fr 1.12fr;min-height:520px;background:#fff}
.powder-family-visual{background:#02060a;overflow:hidden}
.powder-family-visual img{width:100%;height:100%;object-fit:cover;display:block}
.powder-families{padding:34px 44px 30px;color:#17364b;display:flex;flex-direction:column}
.powder-family{padding:18px 0 22px;border-bottom:1px solid #d6e0e5}
.powder-family:first-child{padding-top:0}
.powder-family span{color:#079cd8;font-size:11px;font-weight:700;letter-spacing:.12em}
.powder-family h3{margin:6px 0 8px;font-size:23px}
.powder-family p{margin:0;color:#61747e;line-height:1.55;font-size:14px}
.materials-mail-link{display:inline-block;margin-top:auto;padding-top:24px;color:#078fcf;text-decoration:none;font-weight:700;font-size:13px}
.synthetic-section{padding:88px 36px;background:#fff}
.synthetic-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.synthetic-copy h2{margin:10px 0 22px;font-size:38px;letter-spacing:.04em}
.synthetic-copy p{color:#61747e;line-height:1.65}
.synthetic-copy .synthetic-lead{color:#17364b;font-size:19px;font-weight:600}
.synthetic-photo{height:330px;overflow:hidden;background:#151515}
.synthetic-photo img{width:100%;height:100%;object-fit:cover;object-position:center 61%;display:block}
.other-fields-section{padding:82px 36px;background:#f1f4f5}
.other-fields-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.other-fields-layout h2{margin:10px 0 0;font-size:36px;line-height:1.08}
.other-fields-layout p{margin:0 0 18px;color:#60747e;font-size:16px;line-height:1.65}
@media(max-width:900px){.diamond-tools-section,.synthetic-section,.other-fields-section{padding:55px 24px}.powder-family-layout,.synthetic-layout,.other-fields-layout{grid-template-columns:1fr}.powder-family-visual{height:320px}.powder-families{padding:28px}.synthetic-photo{height:280px}.synthetic-layout,.other-fields-layout{gap:34px}}

/* STEP 15 — codici prodotto nella sezione Diamond Tools */
.product-list{margin-top:14px;display:grid;gap:7px}
.product-list>div{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:baseline}
.product-list b{color:#17364b;font-size:13px;letter-spacing:.025em}
.product-list em{color:#61747e;font-size:12px;line-height:1.35;font-style:normal}
@media(max-width:900px){.product-list>div{grid-template-columns:82px 1fr}}

/* STEP 16 — sticky navigation + compact material accordions */
.site-header{position:sticky;top:0;z-index:1000;box-shadow:0 1px 0 rgba(255,255,255,.08)}
html{scroll-behavior:smooth;scroll-padding-top:122px}
.material-accordion{border-bottom:1px solid #d6e0e5;background:#fff}
.material-accordion:first-child{border-top:1px solid #d6e0e5}
.material-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;min-height:74px}
.material-accordion summary::-webkit-details-marker{display:none}
.material-accordion summary span{display:flex;flex-direction:column;gap:5px;min-width:0}
.material-accordion summary small{color:#079cd8;font-size:11px;font-weight:700;letter-spacing:.12em}
.material-accordion summary strong{font-size:22px;color:#17364b}
.material-accordion summary i{font-style:normal;font-size:28px;font-weight:300;color:#079cd8;transition:transform .2s ease}
.material-accordion[open] summary i{transform:rotate(45deg)}
.accordion-content{padding:0 44px 24px 0}
.accordion-content>p{margin:0 0 14px;color:#61747e;line-height:1.55;font-size:14px}
.accordion-stack .materials-mail-link{display:inline-block;margin-top:24px}
.synthetic-accordions{min-width:0}
.coating-note{margin-top:28px;padding:22px 24px;border-left:3px solid #079cd8;background:#f1f4f5}
.coating-note span{color:#079cd8;font-size:11px;font-weight:700;letter-spacing:.12em}
.coating-note h3{margin:6px 0 8px;color:#17364b;font-size:21px}
.coating-note p{margin:0;color:#61747e;line-height:1.55;font-size:14px}
@media(max-width:900px){html{scroll-padding-top:96px}.site-header{position:sticky}.material-accordion summary{padding:17px 0}.material-accordion summary strong{font-size:19px}.accordion-content{padding-right:0}}

/* STEP 17 — hero fotografici e pagina PROCESS */
.page-photo-hero{width:100%;height:430px;overflow:hidden;background:#111}
.page-photo-hero img{width:100%;height:100%;object-fit:cover;display:block}
.process-page-intro{padding:76px 36px 80px;background:#fff}
.process-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start;margin-top:15px}
.process-intro-grid h1{margin:0;font-size:48px;line-height:1.02;letter-spacing:.035em;color:#17364b;max-width:620px}
.process-intro-grid p{color:#61747e;font-size:16px;line-height:1.65;margin:0 0 18px}.process-intro-grid .process-lead{color:#17364b;font-size:21px;font-weight:700}
.heat-transfer,.process-control{padding:82px 36px}.heat-transfer{background:#062d49;color:#fff}.heat-transfer .section-title-row h2{color:#fff}.heat-transfer .section-title-row p{color:#d3e0e6}
.process-three{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.32)}
.process-three article{padding:34px 34px 38px;min-height:250px}.process-three article+article{border-left:1px solid rgba(255,255,255,.22)}.process-three span{color:#39bdf2;font-size:11px;font-weight:700;letter-spacing:.12em}.process-three h3{font-size:26px;margin:40px 0 14px}.process-three p{font-size:14px;line-height:1.6;color:#d5e1e7;margin:0}
.process-control{background:#f3f5f6}.process-three-light{border-color:#cbd6dc;background:#fff}.process-three-light article+article{border-color:#d5dfe4}.process-three-light h3{color:#17364b}.process-three-light p{color:#61747e}.process-three-light span{color:#078fcf}
.thermal-efficiency{display:grid;grid-template-columns:1fr 1fr;min-height:500px;background:#fff}.thermal-photo{overflow:hidden}.thermal-photo img{width:100%;height:100%;object-fit:cover;display:block}.thermal-copy{padding:82px max(36px,calc((100vw - 1180px)/2));padding-left:70px;align-self:center}.thermal-copy h2{font-size:38px;line-height:1.05;color:#17364b;margin:12px 0 28px}.thermal-copy p{max-width:550px;color:#61747e;font-size:16px;line-height:1.65}
.process-to-furnace{padding:82px 36px;background:#062d49;color:#fff}.process-to-furnace h2{max-width:800px;font-size:38px;line-height:1.08;margin:14px 0 20px}.process-to-furnace p{max-width:760px;color:#d3e0e6;line-height:1.65}.process-to-furnace a{display:inline-block;margin-top:18px;color:#39bdf2;text-decoration:none;font-weight:700}
@media(max-width:900px){.page-photo-hero{height:270px}.process-page-intro,.heat-transfer,.process-control,.process-to-furnace{padding:55px 24px}.process-intro-grid,.thermal-efficiency{grid-template-columns:1fr}.process-intro-grid{gap:28px}.process-intro-grid h1{font-size:38px}.process-three{grid-template-columns:1fr}.process-three article+article{border-left:0;border-top:1px solid rgba(255,255,255,.22)}.process-three-light article+article{border-color:#d5dfe4}.thermal-photo{height:320px}.thermal-copy{padding:55px 24px}.thermal-copy h2,.process-to-furnace h2{font-size:31px}}
/* STEP 18 — PROCESS editorial layout */
.process-editorial{padding:88px 36px;background:#fff}
.process-editorial-dark{background:#062d49;color:#fff}
.process-editorial-light{background:#f3f5f6}
.process-editorial-efficiency{background:#fff}
.editorial-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:82px;align-items:center}
.editorial-reverse .editorial-photo{order:2}.editorial-reverse .editorial-copy{order:1}
.editorial-photo{height:470px;overflow:hidden}.editorial-photo img{width:100%;height:100%;display:block;object-fit:cover}
.editorial-copy h2{font-size:38px;line-height:1.06;margin:12px 0 24px;color:#17364b}
.process-editorial-dark .editorial-copy h2{color:#fff}
.editorial-intro{font-size:16px;line-height:1.65;color:#61747e;margin:0 0 28px;max-width:650px}
.process-editorial-dark .editorial-intro{color:#d3e0e6}
.editorial-items{border-top:1px solid #cbd6dc}
.process-editorial-dark .editorial-items{border-color:rgba(255,255,255,.25)}
.editorial-items>div{display:grid;grid-template-columns:42px 180px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #cbd6dc;align-items:start}
.process-editorial-dark .editorial-items>div{border-color:rgba(255,255,255,.22)}
.editorial-items span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#078fcf}.process-editorial-dark .editorial-items span{color:#39bdf2}
.editorial-items h3{font-size:18px;margin:0;color:#17364b}.process-editorial-dark .editorial-items h3{color:#fff}
.editorial-items p,.process-editorial-efficiency .editorial-copy>p{margin:0;color:#61747e;line-height:1.55}.process-editorial-dark .editorial-items p{color:#d3e0e6}
@media(max-width:900px){.process-editorial{padding:58px 24px}.editorial-grid{grid-template-columns:1fr;gap:34px}.editorial-reverse .editorial-photo,.editorial-reverse .editorial-copy{order:initial}.editorial-photo{height:330px}.editorial-copy h2{font-size:31px}.editorial-items>div{grid-template-columns:34px 1fr;gap:10px}.editorial-items p{grid-column:2}}

/* STEP 19 — WHY INTEGRA editorial layout */
.why-intro{padding:86px 36px 78px;background:#fff}
.why-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;margin-top:14px}
.why-intro h1{margin:0;color:#17364b;font-size:48px;line-height:1.02;letter-spacing:.035em}
.why-intro-grid p{margin:0;color:#61747e;font-size:16px;line-height:1.65;max-width:650px}.why-intro-grid .why-lead{margin-bottom:18px;color:#17364b;font-size:21px;font-weight:700}
.why-editorial{padding:88px 36px;background:#fff}.why-editorial-pink{background:#f6eeee}.why-editorial-soft{background:#f2f4f5}
.why-grid{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:82px;align-items:center}.why-grid-reverse .why-photo{order:2}.why-grid-reverse .why-copy{order:1}
.why-photo{height:440px;overflow:hidden;background:#eee}.why-photo img{width:100%;height:100%;object-fit:cover;display:block}
.why-photo-three img{width:132%;max-width:none;object-fit:cover;object-position:left center}
.why-copy h2{margin:12px 0 24px;color:#17364b;font-size:38px;line-height:1.07}.why-copy>p{margin:0 0 18px;color:#61747e;font-size:16px;line-height:1.65}.why-copy strong{color:#17364b}
.why-three-labels{margin-top:28px;border-top:1px solid #cbd6dc}.why-three-labels>div{padding:16px 0;border-bottom:1px solid #cbd6dc}.why-three-labels b{color:#17364b;font-size:12px;letter-spacing:.055em}.why-three-labels p{margin:5px 0 0;color:#61747e;font-size:13px;line-height:1.45}
.why-vision{padding-top:76px;padding-bottom:76px}
@media(max-width:900px){.why-intro,.why-editorial{padding:58px 24px}.why-intro-grid,.why-grid{grid-template-columns:1fr;gap:34px}.why-grid-reverse .why-photo,.why-grid-reverse .why-copy{order:initial}.why-intro h1{font-size:38px}.why-photo{height:330px}.why-copy h2{font-size:31px}}

/* STEP 20 — FURNACES */
.furnace-hero-photo{width:100%;height:clamp(300px,42vw,650px);overflow:hidden;background:#eef2f4}.furnace-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.furnace-intro{padding:72px 0 78px;background:#fff}.furnace-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.furnace-intro h1{margin:10px 0 0;font-size:42px;line-height:.98;color:#07334f}.furnace-lead{font-weight:700;color:#07334f}.furnace-editorial{padding:82px 0;background:#fff}.furnace-editorial-blue{background:#07334f;color:#fff}.furnace-editorial-soft{background:#f1f4f5}.furnace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}.furnace-photo{height:440px;overflow:hidden}.furnace-photo img{width:100%;height:100%;object-fit:cover;display:block}.furnace-photo-contain{background:#303030}.furnace-photo-contain img{object-fit:contain}.furnace-copy h2{font-size:34px;line-height:1.02;margin:10px 0 28px;color:#07334f}.furnace-copy p{font-size:16px;line-height:1.7;max-width:590px}.furnace-editorial-blue .furnace-copy h2,.furnace-editorial-blue .furnace-copy p{color:#fff}.furnace-editorial-blue .section-kicker{color:#3bbcf2}@media(max-width:800px){.furnace-intro-grid,.furnace-grid{grid-template-columns:1fr;gap:35px}.furnace-grid-reverse .furnace-copy{order:2}.furnace-grid-reverse .furnace-photo{order:1}.furnace-photo{height:330px}.furnace-intro h1{font-size:34px}}

/* STEP 21 — MATERIALS hero + CONTACT */
.contact-hero{width:100%;height:clamp(290px,36vw,520px);overflow:hidden;background:#17242c}.contact-hero img{width:100%;height:100%;object-fit:cover;object-position:center 57%;display:block}.contact-intro{padding:88px 36px 82px;background:#fff}.contact-intro .subpage-inner{max-width:980px}.contact-intro h1{margin:10px 0 24px;color:#17364b;font-size:54px;line-height:1;letter-spacing:.035em}.contact-intro p{max-width:760px;color:#61747e;font-size:16px;line-height:1.7}.contact-intro .contact-lead{color:#17364b;font-size:22px;font-weight:700;max-width:700px}.contact-details{padding:82px 36px;background:#f2f4f5}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-grid h2{margin:12px 0 0;color:#17364b;font-size:38px;line-height:1.08}.contact-links{border-top:1px solid #cbd6dc}.contact-links>a,.contact-links>div{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid #cbd6dc;text-decoration:none}.contact-links small{color:#078fcf;font-weight:800;letter-spacing:.12em;font-size:10px}.contact-links strong{color:#17364b;font-size:17px}.contact-links span{color:#61747e;font-size:13px}.contact-links a:hover strong{color:#078fcf}.contact-close{padding:78px 36px 84px;background:#062d49;color:#fff}.contact-close p{margin:0 0 12px;color:#39bdf2;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-close h2{margin:0;font-size:38px;line-height:1.08}@media(max-width:900px){.contact-intro,.contact-details,.contact-close{padding:58px 24px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-intro h1{font-size:42px}.contact-grid h2,.contact-close h2{font-size:31px}.contact-links>a,.contact-links>div{grid-template-columns:80px 1fr}.contact-links span{grid-column:2}.contact-hero{height:280px}}


/* STEP 22 — hero image reassignment and contact crop */
.why-lab-hero img{object-position:center 50%;}
.contact-hero img{object-position:center 15%;}
.materials-page-hero img{object-position:center 50%;}

/* HOME — FURNACES typography refinement */
.furnaces-copy h2 {
  font-size: clamp(40px, 3.5vw, 58px);
  margin-bottom: 22px;
}

.furnaces-lead {
  font-size: 20px;
  line-height: 1.55;
  margin-bottom: 36px;
}

.furnaces-points span {
  padding: 15px 0;
  font-size: 14px;
  line-height: 1.25;
}

.furnaces-link {
  font-size: 15px;
}

/* HOME — FURNACES: allineamento tipografico con MATERIALS e PROCESS */
.furnaces-copy h2 {
  font-size: clamp(30px, 2.5vw, 40px);
  line-height: 1.02;
  letter-spacing: .025em;
  margin: 8px 0 20px;
}

.furnaces-lead {
  font-size: 19px;
  line-height: 1.55;
  margin-bottom: 34px;
}

.furnaces-points span {
  padding: 15px 0;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: .09em;
}

.furnaces-link {
  font-size: 16px;
}


/* STEP 17 — titolo del percorso sopra gli accordion */
.expertise-visual-title { display: none; }
.expertise-accordion {
  justify-content: center;
}
.expertise-heading {
  margin: 0 0 26px 50px;
}
.expertise-heading span {
  display: block;
  margin-bottom: 8px;
  color: #13a5df;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}
.expertise-heading h2 {
  margin: 0;
  color: #17364b;
  font-size: clamp(32px, 2.5vw, 44px);
  line-height: 1.05;
  letter-spacing: .035em;
}
@media (max-width: 900px) {
  .expertise-heading { margin: 0 0 24px 0; }
}
/* =========================================================
   FURNACES — COMPATTA LA SEZIONE E REGOLARIZZA LE SPAZIATURE
   ========================================================= */

.furnaces-section {
    padding-top: 55px;
    padding-bottom: 55px;
}

.furnaces-section .furnaces-inner {
    align-items: center;
}

/* Riduce leggermente la dimensione complessiva dell'immagine */
.furnaces-section .furnaces-image {
    max-height: 480px;
}

.furnaces-section .furnaces-image img {
    width: 100%;
    height: 100%;
    max-height: 480px;
    object-fit: contain;
    display: block;
}

/* Spaziatura più uniforme verso la sezione successiva */
.integrated-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* HOME — CONTACT: versione compatta */
.contact-detail {
  padding: 64px 36px 32px;
}

.contact-detail h2 {
  margin: 10px 0 18px;
  max-width: 820px;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1;
}

.contact-detail > .contact-detail-inner > p {
  max-width: 820px;
  margin: 0;
  color: #d2dee5;
  font-size: 16px;
  line-height: 1.6;
}

.contact-detail > .contact-detail-inner > p a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.contact-detail > .contact-detail-inner > p a:hover {
  color: #39bdf2;
}

.contact-button {
  display: none;
}

.contact-footer {
  margin-top: 54px;
}

@media (max-width: 900px) {
  .contact-detail { padding: 52px 24px 28px; }
  .contact-detail h2 { font-size: 34px; }
  .contact-footer { margin-top: 44px; }
}


/* WHY INTEGRA — intro con visione integrata, proporzioni HOME */
.why-intro .subpage-inner { max-width: 1440px; }
.why-intro-grid {
  grid-template-columns: .82fr 1.18fr .55fr;
  gap: 64px;
  align-items: center;
}
.why-intro-copy { min-width: 0; }
.why-intro-copy strong { color: #17364b; }
.why-intro-mark {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.why-intro-mark img {
  display: block;
  width: min(210px, 100%);
  height: auto;
}
@media (max-width: 900px) {
  .why-intro-grid { grid-template-columns: 1fr; gap: 28px; }
  .why-intro-mark { justify-content: flex-start; }
  .why-intro-mark img { width: 190px; }
}


/* WHY INTEGRA — intro v3: titolo + testo + ciclo */
.why-intro { padding: 70px 36px 68px; }
.why-intro .subpage-inner { max-width: 1440px; }
.why-intro-grid {
  grid-template-columns: .95fr 1.15fr 280px;
  gap: 56px;
  align-items: center;
  margin-top: 14px;
}
.why-intro-copy { min-width: 0; }
.why-intro-copy strong { color: #17364b; }
.why-intro-mark {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.why-intro-mark img {
  display: block;
  width: 270px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .why-intro { padding: 58px 24px; }
  .why-intro-grid { grid-template-columns: 1fr; gap: 28px; }
  .why-intro-mark { justify-content: flex-start; }
  .why-intro-mark img { width: 220px; }
}


/* WHY INTEGRA — intro v4: tre colonne compatte */
.why-intro { padding: 62px 36px 64px; }
.why-intro-grid {
  grid-template-columns: 1.02fr 1.18fr 320px;
  gap: 58px;
  align-items: center;
}
.why-intro-copy p:not(.why-lead) { margin: 0 0 14px; }
.why-intro-copy p:last-child { margin-bottom: 0; }
.why-intro-mark img { width: 320px; max-width: 320px; }
@media (max-width: 900px) {
  .why-intro { padding: 58px 24px; }
  .why-intro-grid { grid-template-columns: 1fr; gap: 28px; }
  .why-intro-mark img { width: 250px; max-width: 100%; }
}


/* WHY INTEGRA — intro v5: fascia compatta, ciclo 290 px */
.why-intro {
  padding: 46px 36px 48px;
}
.why-intro-grid {
  grid-template-columns: 1.02fr 1.18fr 290px;
  gap: 54px;
  align-items: center;
  margin-top: 12px;
}
.why-intro-mark img {
  width: 290px;
  max-width: 290px;
  height: auto;
}

@media (max-width: 900px) {
  .why-intro {
    padding: 50px 24px;
  }
  .why-intro-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .why-intro-mark img {
    width: 250px;
    max-width: 100%;
  }
}


/* WHY INTEGRA — TRE ELEMENTI v6
   Fondo neutro come Home + grafica leggermente più grande */
.why-editorial-pink {
  background: #f2f4f5;
}

.why-editorial-pink .why-grid {
  grid-template-columns: minmax(340px, .98fr) minmax(0, 1.02fr);
  gap: 72px;
}

.why-editorial-pink .why-photo-three {
  height: 480px;
  background: transparent;
}

.why-editorial-pink .why-photo-three img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 900px) {
  .why-editorial-pink .why-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .why-editorial-pink .why-photo-three {
    height: auto;
  }

  .why-editorial-pink .why-photo-three img {
    height: auto;
  }
}


/* WHY INTEGRA — TRE ELEMENTI v7
   Proporzione 60/40 come la sezione MATERIALI della Home */
.why-editorial-pink .why-grid {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 56px;
  align-items: center;
}

.why-editorial-pink .why-photo-three {
  width: 100%;
  height: auto;
}

.why-editorial-pink .why-photo-three img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}

@media (max-width: 900px) {
  .why-editorial-pink .why-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
}

/* WHY INTEGRA — COMPETENZE: mostra l’immagine completa */
.why-grid-reverse .why-photo { height:auto; background:transparent; overflow:visible; }
.why-grid-reverse .why-photo img { display:block; width:100%; height:auto; object-fit:contain; object-position:center; }
@media (max-width:900px) { .why-grid-reverse .why-photo, .why-grid-reverse .why-photo img { height:auto; } }

/* WHY INTEGRA — COMPETENZE: fondo beige */
.why-editorial:has(> .why-grid-reverse) {
    background: #eae4dd;
}

.why-editorial-beige {
    background: #eae4dd;
}

/* WHY INTEGRA - sezione risultati */

.why-editorial-soft .why-grid {
    grid-template-columns: 52% 48%;
    gap: 40px;
    align-items: center;
}

.why-editorial-soft .why-photo {
    width: 100%;
    height: auto;
    overflow: visible;
}

.why-editorial-soft .why-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* PROCESS — impaginazione 60/40 alternata (solo pagina PROCESS) */
@media (min-width: 901px) {
  .process-page .editorial-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 56px;
  }
  .process-page .editorial-reverse {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .process-page .editorial-photo { width: 100%; }
  .process-page .editorial-copy { min-width: 0; }
  .process-page .editorial-items > div {
    grid-template-columns: 28px minmax(110px, 145px) minmax(0, 1fr);
    gap: 12px;
  }
}
@media (max-width: 900px) {
  .process-page .editorial-grid,
  .process-page .editorial-reverse { grid-template-columns: 1fr; }
}

/* PROCESS — alternanza testo/immagine: 60/40, 40/60, 60/40 */
@media (min-width: 901px) {
  /* 1. Trasferimento: testo a sinistra (60%), immagine a destra (40%) */
  .process-page .process-editorial-dark .editorial-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .process-page .process-editorial-dark .editorial-copy { order: 1; }
  .process-page .process-editorial-dark .editorial-photo { order: 2; }

  /* 2. Variabili: immagine a sinistra (40%), testo a destra (60%) */
  .process-page .process-editorial-light .editorial-grid {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .process-page .process-editorial-light .editorial-photo { order: 1; }
  .process-page .process-editorial-light .editorial-copy { order: 2; }

  /* 3. Efficienza: testo a sinistra (60%), immagine a destra (40%) */
  .process-page .process-editorial-efficiency .editorial-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .process-page .process-editorial-efficiency .editorial-copy { order: 1; }
  .process-page .process-editorial-efficiency .editorial-photo { order: 2; }
}
/* Verde salvia leggero, solo per la sezione efficienza termica */
.process-page .process-editorial-efficiency { background: #e6eee8; }

/* PROCESS — prova immagini più importanti, senza cambiare alternanza 60/40 */
@media (min-width: 901px) {
  .process-page .process-editorial .editorial-grid { gap: 34px; }
  .process-page .process-editorial .editorial-photo {
    width: 100%;
    height: 560px;
    min-height: 560px;
    overflow: hidden;
  }
  .process-page .process-editorial .editorial-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  /* Evita che IRRAGGIAMENTO si attacchi alla descrizione */
  .process-page .editorial-items > div {
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 7px;
  }
  .process-page .editorial-items > div h3 { grid-column: 2; }
  .process-page .editorial-items > div p { grid-column: 2; }
}

/* PROCESS — revisione: foto 60% / testo 40%, alternanza delle tre sezioni */
@media (min-width: 901px) {
  .process-page .process-editorial .editorial-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 44px;
    align-items: center;
  }
  /* Prima: foto a sinistra, testo a destra */
  .process-page .process-editorial-dark .editorial-photo { order: 1; }
  .process-page .process-editorial-dark .editorial-copy { order: 2; }
  /* Seconda: testo a sinistra, foto a destra */
  .process-page .process-editorial-light .editorial-copy { order: 1; }
  .process-page .process-editorial-light .editorial-photo { order: 2; }
  /* Terza: foto a sinistra, testo a destra */
  .process-page .process-editorial-efficiency .editorial-photo { order: 1; }
  .process-page .process-editorial-efficiency .editorial-copy { order: 2; }
  .process-page .process-editorial .editorial-photo {
    width: 100%; height: auto; min-height: 0; overflow: hidden;
  }
  .process-page .process-editorial .editorial-photo img {
    display: block; width: 100%; height: auto; object-fit: contain;
  }
  /* Elenco compatto leggibile anche nella colonna al 40% */
  .process-page .editorial-items > div {
    grid-template-columns: 26px minmax(0, 1fr);
    column-gap: 12px; row-gap: 5px;
  }
  .process-page .editorial-items > div > span { grid-column: 1; grid-row: 1; }
  .process-page .editorial-items > div h3 { grid-column: 2; grid-row: 1; }
  .process-page .editorial-items > div p { grid-column: 2; grid-row: 2; }
}

/* PROCESS — variabili: testo 40% a sinistra, immagine 60% a destra */
@media (min-width: 901px) {
  .process-page .process-editorial-light .editorial-grid {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .process-page .process-editorial-light .editorial-copy { order: 1; }
  .process-page .process-editorial-light .editorial-photo { order: 2; }
}

.thermal-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #568b62;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.thermal-label svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
/* CONTACT — pagina essenziale con mappa geografica */
.contact-page .contact-intro { padding: 62px 36px 56px; }
.contact-page .contact-intro .subpage-inner { max-width: 1180px; }
.contact-page .contact-intro h1 { margin: 10px 0 18px; font-size: clamp(36px, 3.4vw, 48px); }
.contact-page .contact-intro p { margin: 0; max-width: 790px; font-size: 18px; line-height: 1.6; }
.contact-page .contact-details { padding: 58px 36px 70px; }
.contact-location-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 65px; align-items: center; }
.contact-location-info { min-width: 0; }
.contact-location-info .section-kicker { margin-bottom: 24px; }
.contact-location-info .contact-links > a,
.contact-location-info .contact-links > div { grid-template-columns: 95px minmax(0,1fr); column-gap: 16px; row-gap: 7px; padding: 22px 0; }
.contact-location-info .contact-links span { grid-column: 2; }
.contact-map img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) {
  .contact-page .contact-intro { padding: 48px 24px; }
  .contact-page .contact-intro p { font-size: 16px; }
  .contact-page .contact-details { padding: 45px 24px 56px; }
  .contact-location-grid { grid-template-columns: 1fr; gap: 25px; }
  .contact-map { max-width: 560px; margin: 0 auto; }
}


/* CONTACT — recapiti e indirizzo accanto alla mappa */
.contact-page .contact-map-address { margin-top: 12px; padding-left: 12px; border-left: 2px solid #078fcf; display: flex; flex-direction: column; gap: 5px; color: #61747e; font-size: 14px; line-height: 1.45; }
.contact-page .contact-map-address small { color: #078fcf; font-size: 10px; font-weight: 800; letter-spacing: .12em; margin-bottom: 3px; }
.contact-page .contact-map-address strong { color: #17364b; font-size: 17px; }

/* CONTACT v3 — indirizzo nella colonna recapiti */
.contact-page .contact-address-row strong { line-height: 1.55; }


/* FURNACES — impaginazione editoriale 60/40 alternata */
@media (min-width: 901px) {
  .furnace-page .furnace-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 44px;
    align-items: center;
  }
  .furnace-page .furnace-grid-reverse {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .furnace-page .furnace-photo {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .furnace-page .furnace-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .furnace-page .furnace-copy { min-width: 0; }
}
/* Le nuove immagini 800x600 mantengono le proporzioni anche su schermi piccoli. */
@media (max-width: 900px) {
  .furnace-page .furnace-grid { grid-template-columns: 1fr; }
  .furnace-page .furnace-photo { height: auto; }
  .furnace-page .furnace-photo img { width: 100%; height: auto; object-fit: contain; }
}
.furnaces-mws-link {
    display: inline-block;
    margin-top: 14px;
    color: #078fcf;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.furnaces-mws-link:hover {
    text-decoration: underline;
}
/* MATERIALS — tre immagini Application Fields (prova v1) */
.material-area-grid { align-items: stretch; }
.material-area { padding: 0 0 26px; min-height: 0; overflow: hidden; }
.material-area-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 26px; }
.material-area > span, .material-area > h3, .material-area > p, .material-area > strong { margin-left: 28px; margin-right: 28px; }
.material-area h3 { margin-top: 22px; margin-bottom: 12px; font-size: 24px; }
.material-area p { margin-top: 0; }
.material-area strong { padding-top: 28px; }
@media (max-width:900px) { .material-area { min-height: 0; padding: 0 0 26px; } }

/* MATERIALS — v2: introduzione bianca, senza fascia blu */
.materials-subhero-light { background:#fff; color:#17364b; padding:74px 36px 38px; }
.materials-subhero-light h1 { color:#062d49; }
.materials-subhero-light p:not(.subhero-lead) { color:#526975; }
.material-areas { padding-top:35px; }
.materials-fields-title { display:block; margin-bottom:36px; }
@media(max-width:900px) { .materials-subhero-light {padding:55px 24px 25px;} .material-areas {padding-top:30px;} }

/* MATERIALS v3: titolo sulla fotografia, introduzione e cards */
.materials-hero-v3 { position:relative; height: min(31.25vw, 600px); min-height:310px; background:#e8ecee; }
.materials-hero-v3 > img { width:100%; height:100%; object-fit:cover; object-position:center center; }
.materials-hero-overlay { position:absolute; z-index:1; top:50%; left:52%; transform:translateY(-50%); width:44%; max-width:720px; }
.materials-hero-overlay .section-kicker { color:#078fcf; font-weight:800; letter-spacing:.19em; }
.materials-hero-overlay h1 { color:#062d49; font-size:clamp(44px,5.3vw,84px); letter-spacing:.075em; line-height:1; margin:12px 0 8px; }
.materials-hero-overlay .subhero-lead { color:#078fcf!important; font-size:clamp(11px,1.05vw,17px); margin:0!important; }
.materials-intro-v3 { padding:54px 36px 0; background:#fff; }
.materials-intro-v3 p { margin:0; max-width:860px; font-size:17px; line-height:1.65; color:#526975; }
.materials-intro-v3 + .material-areas { padding-top:35px; }
@media(max-width:900px) {
 .materials-hero-v3 { height:320px; min-height:0; }
 .materials-hero-overlay { left:46%; width:51%; }
 .materials-hero-overlay h1 { font-size:clamp(29px,5.5vw,48px); }
 .materials-hero-overlay .subhero-lead { font-size:10px; letter-spacing:.05em; }
 .materials-intro-v3 { padding:35px 24px 0; }
 .materials-intro-v3 p { font-size:15px; }
}

/* MATERIALS v4 — descrizione integrata nella hero, schede ravvicinate */
.materials-hero-v3 .materials-hero-overlay { top:54%; }
.materials-hero-v3 .materials-hero-description { margin:22px 0 0; max-width:660px; color:#17364b; font-size:clamp(13px,1.08vw,17px); line-height:1.6; font-weight:400; text-shadow:0 1px 10px rgba(255,255,255,.6); }
.materials-hero-v3 + .material-areas { padding-top:46px; }
@media (max-width:900px) {
 .materials-hero-v3 .materials-hero-overlay {top:52%;}
 .materials-hero-v3 .materials-hero-description {margin-top:12px;font-size:12px;line-height:1.4;}
 .materials-hero-v3 + .material-areas {padding-top:30px;}
}
@media (max-width:600px) {
 .materials-hero-v3 {height:360px;}
 .materials-hero-v3 .materials-hero-overlay {left:39%;width:59%;}
 .materials-hero-v3 .materials-hero-overlay h1 {font-size:clamp(25px,7vw,38px);letter-spacing:.035em;}
 .materials-hero-v3 .materials-hero-description {font-size:11px;line-height:1.35;}
}

/* MATERIALS v5 — hero fotografica compatta + fascia blu su due colonne */
.materials-hero-v5 {height:300px; min-height:0; background:#e8ecee;}
.materials-hero-v5 > img {width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;}
.materials-band-v5 {background:#062d49;color:#fff;padding:42px 36px 44px;}
.materials-band-grid-v5 {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.materials-band-heading-v5 .section-kicker {color:#20b8ef;font-size:12px;font-weight:700;letter-spacing:.16em;}
.materials-band-heading-v5 h1 {margin:8px 0 8px;color:#fff;font-size:clamp(42px,4.5vw,65px);line-height:1;letter-spacing:.075em;}
.materials-band-heading-v5 .subhero-lead {margin:0!important;color:#17aee7!important;font-size:clamp(11px,1vw,15px);letter-spacing:.1em;}
.materials-band-description-v5 {margin:0;max-width:560px;color:#e5edf2;font-size:16px;line-height:1.65;}
.materials-band-v5 + .material-areas {padding-top:42px;}
@media(max-width:900px){
 .materials-hero-v5 {height:230px;}
 .materials-band-v5 {padding:34px 24px;}
 .materials-band-grid-v5 {gap:28px;}
 .materials-band-description-v5 {font-size:14px;}
 .materials-band-v5 + .material-areas {padding-top:34px;}
}
@media(max-width:600px){
 .materials-hero-v5 {height:180px;}
 .materials-band-grid-v5 {grid-template-columns:1fr;gap:18px;}
 .materials-band-heading-v5 h1 {font-size:42px;}
}

/* MATERIALS v6 — immagine SEM stabile e schede prodotto */
@media(min-width:901px){.diamond-tools-section .powder-family-layout{align-items:start;min-height:0}.diamond-tools-section .powder-family-visual{height:540px;position:sticky;top:135px}.diamond-tools-section .powder-family-visual img{height:100%;object-fit:cover;object-position:center center}}
.diamond-tools-section .powder-families{min-width:0}.diamond-tools-section .accordion-content>p{font-size:15px;line-height:1.6}.diamond-tools-section .product-list{gap:0;margin-top:14px}.diamond-tools-section .product-list>div{display:block;border-bottom:1px solid #e4e9ed}.diamond-tools-section .product-list>div:last-child{border-bottom:0}.product-trigger{width:100%;border:0;background:transparent;display:grid;grid-template-columns:80px minmax(0,1fr) 20px;gap:12px;align-items:center;text-align:left;padding:12px 0;cursor:pointer;font:inherit}.product-trigger:hover .product-code,.product-trigger:hover .product-short{color:#078fcf}.product-code{font-size:14px;color:#17364b}.product-short{font-size:14px;color:#61747e;line-height:1.4}.product-arrow{color:#078fcf;font-size:20px;text-align:right}.product-trigger[aria-expanded=true] .product-arrow{transform:rotate(45deg)}.product-detail{padding:12px 18px 20px;background:#f3f6f7;margin-bottom:12px;border-left:2px solid #078fcf}.product-detail[hidden]{display:none}.product-detail h4{font-size:17px;color:#17364b;margin:0 0 10px}.product-detail p{font-size:14px;line-height:1.6;color:#526975;margin:0 0 16px}.product-specs{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);margin:0;gap:0}.product-specs dt,.product-specs dd{font-size:13px;line-height:1.45;padding:9px 0;border-top:1px solid #d9e1e6}.product-specs dt{font-weight:700;color:#17364b}.product-specs dd{margin:0;color:#526975}.product-detail .product-note{font-size:12px;margin:14px 0}.product-detail>a{font-size:14px;font-weight:700;color:#078fcf;text-decoration:none}.product-detail>a:hover{text-decoration:underline}
@media(max-width:900px){.diamond-tools-section .powder-family-visual{height:320px}.diamond-tools-section .powder-family-visual img{height:100%;object-fit:cover}.product-trigger{grid-template-columns:76px minmax(0,1fr) 18px}.diamond-tools-section .accordion-content>p{font-size:14px}}

/* Materiali v9: immagine diamanti quadrata, indipendente dalle fisarmoniche */
@media(min-width:901px){.synthetic-layout{align-items:start;gap:48px;grid-template-columns:1fr 1.1fr}.synthetic-photo{height:auto;aspect-ratio:1 / 1}.synthetic-photo img{object-position:center center}}

/* FURNACES — logo MWS accanto al collegamento al sito esterno */
.furnaces-mws-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.furnaces-mws-logo {
  display: block;
  width: 76px;
  height: auto;
  padding: 7px 9px;
  background: #042439;
  border-radius: 2px;
}

/* HOME — icone percorso INTEGRA: PNG in proporzione 20 × 30 mm */
.expertise-accordion summary {
  grid-template-columns: 52px 1fr 26px;
  min-height: 100px;
}
.expertise-accordion .expertise-icon {
  width: 40px;
  height: 60px;
  object-fit: contain;
}
@media (max-width: 900px) {
  .expertise-accordion summary { grid-template-columns: 48px 1fr 26px; min-height: 88px; }
  .expertise-accordion .expertise-icon { width: 36px; height: 54px; }
}

/* Rifinitura 15 ottobre — logo MWS e icone percorso */
.furnaces-mws-logo { width: 112px; }
.expertise-accordion summary { grid-template-columns: 62px 1fr 26px; min-height: 100px; }
.expertise-accordion .expertise-icon { width: 50px; height: 75px; }
@media (max-width: 900px) {
  .expertise-accordion summary { grid-template-columns: 56px 1fr 26px; min-height: 88px; }
  .expertise-accordion .expertise-icon { width: 46px; height: 69px; }
}

/* MATERIALS — logo ZZDM discreto, a sinistra del testo introduttivo */
.synthetic-section .zzdm-intro-group { display:flex; align-items:flex-start; gap:22px; min-width:0; }
.synthetic-section .zzdm-intro-logo { display:block; width:54px; height:auto; flex:0 0 54px; margin-top:4px; }
.synthetic-section .zzdm-intro-copy { min-width:0; }
.synthetic-section .zzdm-intro-copy p + p { margin-top:16px; }
@media(max-width:600px) {
  .synthetic-section .zzdm-intro-group { gap:14px; }
  .synthetic-section .zzdm-intro-logo { width:44px; flex-basis:44px; }
}

/* MATERIALS — titolo diamanti allineato in alto alla descrizione */
.synthetic-section .section-title-row { align-items: start; }


/* HOME — allineamento verticale testi PROCESS e FURNACES alla scheda MATERIALS */
@media (min-width: 901px) {
  .pillar-card .pillar-card-copy:not(.pillar-card-copy-dark) {
    bottom: 48px; /* prima: 24px; sposta il blocco verso l’alto di 24px */
  }
}

/* HOME italiana — rifinitura allineamento titoli; inglese invariato */
@media (min-width: 901px) {
  html[lang="it"] .pillar-card:nth-child(2) .pillar-card-copy { bottom: 27px; }
  html[lang="it"] .pillar-card:nth-child(3) .pillar-card-copy { bottom: 58px; }
}


/* MATERIALS — CRC: colonne leggibili nella fisarmonica Altri materiali */
.other-fields-right-crc { min-width: 0; }
.other-fields-right-crc .crc-product-list .product-trigger {
  grid-template-columns: minmax(155px, 180px) minmax(0, 1fr) 20px;
  gap: 18px;
  align-items: center;
}
.other-fields-right-crc .crc-product-list .product-code {
  font-size: 14px;
  line-height: 1.4;
}
.other-fields-right-crc .crc-product-list .product-short {
  min-width: 0;
  line-height: 1.4;
}
@media (max-width: 600px) {
  .other-fields-right-crc .crc-product-list .product-trigger {
    grid-template-columns: minmax(115px, 42%) minmax(0, 1fr) 20px;
    gap: 10px;
  }
}

/* CRC — elimina la griglia esterna a 92px che comprime il pulsante */
.other-fields-right-crc .crc-product-list > div {
  display: block;
  width: 100%;
}
.other-fields-right-crc .crc-product-list .product-trigger {
  width: 100%;
  grid-template-columns: minmax(145px, 185px) minmax(0, 1fr) 20px;
}
.other-fields-right-crc .crc-product-list .product-code {
  max-width: 145px;
}
.other-fields-right-crc .crc-product-list .product-short {
  max-width: 220px;
}
@media (max-width: 600px) {
  .other-fields-right-crc .crc-product-list .product-trigger {
    grid-template-columns: minmax(115px, 42%) minmax(0, 1fr) 20px;
  }
}


/* INTEGRA — mobile navigation and responsive home, October 2026 */
.mobile-menu-toggle { display:none; }
@media (max-width: 900px) {
  html,body { width:100%; max-width:100%; overflow-x:clip; }
  .header-inner { min-height:72px; padding:12px 16px; gap:12px; flex-wrap:wrap; position:relative; }
  .brand-area { gap:10px; min-width:0; }
  .logo-mws { max-width:94px; max-height:42px; }
  .logo-integra { max-width:112px; max-height:44px; }
  .brand-divider { height:37px; }
  .mobile-menu-toggle { display:flex; margin-left:auto; width:42px; height:42px; padding:8px; border:1px solid rgba(255,255,255,.45); background:transparent; color:white; align-items:center; justify-content:center; font-size:27px; cursor:pointer; border-radius:3px; }
  .main-nav { display:none; order:3; flex:0 0 100%; margin:0; padding:12px 0; flex-direction:column; align-items:stretch; gap:0; border-top:1px solid rgba(255,255,255,.2); }
  .main-nav.is-open { display:flex; }
  .main-nav a { font-size:14px; padding:12px 8px; white-space:normal; }
  .language { display:none; order:4; flex:0 0 100%; padding:12px 8px; border-left:0; border-top:1px solid rgba(255,255,255,.2); }
  .language.is-open { display:flex; }
  .hero { width:100%; }
  .hero-copy h1 { font-size:clamp(35px,10vw,60px); }
  .hero-pillars { font-size:clamp(10px,2.9vw,15px); letter-spacing:.08em; }
  .hero-copy p { font-size:clamp(13px,3.6vw,17px); margin-top:18px; }
  .pillars { padding:24px 16px 35px; }
  .pillars-inner { grid-template-columns:minmax(0,1fr); gap:14px; }
  .pillar-card { width:100%; min-width:0; height:auto; }
  .materials-detail-inner,.process-technical,.furnaces-detail-inner { min-width:0; }
  .materials-gateway-content,.materials-gateway-image,.process-principle,.process-photo,.furnaces-copy,.furnaces-machine { min-width:0; }
}
@media (max-width: 600px) {
  .hero { height: min(78vw, 350px); min-height:0; }
  .hero-copy { width:88%; }
  .pillars-inner .pillar-card { aspect-ratio:3/2; }
  .pillar-card-copy h2 { font-size:clamp(16px,4.6vw,22px); }
  .pillar-card-copy p { font-size:clamp(10px,2.8vw,14px); line-height:1.3; }
  .pillar-card-copy a { font-size:clamp(10px,2.8vw,13px); }
  .materials-detail,.process-detail,.furnaces-detail,.expertise-detail { padding-left:18px !important; padding-right:18px !important; }
  .materials-gateway-content .materials-field { grid-template-columns:32px minmax(0,1fr); }
  .materials-gateway-content .materials-field h3 { font-size:19px; }
  .materials-gateway-content .materials-field p { grid-column:2; }
  .process-principle { padding:26px 22px; }
  .furnaces-machine img { max-width:100%; }
  .expertise-accordion { padding:24px 18px; }
}

/* WHY INTEGRA — correzione griglia risultati senza alterare desktop */
@media (min-width: 901px) {
 .why-page .why-editorial-soft .why-grid { grid-template-columns:minmax(0, 52fr) minmax(0, 48fr); gap:40px; }
}
@media (max-width: 900px) {
 .why-page .why-editorial-soft .why-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .why-page .why-editorial-soft .why-photo { min-width:0; }
 .why-page .why-editorial-soft .why-photo img { max-width:100%; }
 .why-page .why-editorial-soft .why-copy { min-width:0; }
}