/**
 * Product sheet typography.
 *
 * Fixes the inverted hierarchy on the product page: the section labels
 * ("Descrizione prodotto", "Dettagli") were tiny paragraphs while the body's
 * inline h2 headings rendered at page-title size. The labels become real
 * section titles and the body headings step down to an h3-like size, for the
 * whole catalog (every legacy body uses <h2 class="h2">).
 */

/* Section labels: real titles. */
.product-specifications .specifications-top > .p-l,
.product-specifications .specification-bottom > .p-l {
  margin-bottom: 16px;
}

.product-specifications .specifications-top > .p-l > strong,
.product-specifications .specification-bottom > .p-l > strong {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

/* Body headings inside the description: h3-sized, tight rhythm. */
.product-specifications .specifications-top h2,
.product-specifications .specifications-top h2.h2,
.product-specifications .specifications-top h3,
.product-specifications .specifications-top h3.h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  margin: 26px 0 8px;
}

.product-specifications .specifications-top p {
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .product-specifications .specifications-top > .p-l > strong,
  .product-specifications .specification-bottom > .p-l > strong {
    font-size: 24px;
  }

  .product-specifications .specifications-top h2,
  .product-specifications .specifications-top h2.h2 {
    font-size: 19px;
  }
}