/* Presentation-only tidy-up for the homepage and the two product families. */
body[data-structure-review] .original-note-card .field-related-note {
  margin: 14px 0 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #cad6d3;
  color: #3b5058 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body[data-reading-tidy="20260923"] main > section.section:not(.contact-section) {
  padding-block: 46px !important;
}
body[data-reading-tidy="20260923"] .product-info-grid {
  margin-top: 26px !important;
}
body[data-reading-tidy="20260923"] .thermal-oil-family-hero .product-detail-image {
  align-self: center !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

@media (max-width: 900px) {
  body[data-reading-tidy="20260923"] main > section.section:not(.contact-section) {
    padding-block: 40px !important;
  }
}

@media (max-width: 620px) {
  /* Show the equipment sooner while keeping every word visible and in the DOM. */
  body[data-structure-review] main > .hero {
    display: flex !important;
    flex-direction: column !important;
  }
  body[data-structure-review] main > .hero :is(.hero-copy, .hero-copy-inner, .hero-lede) {
    display: contents !important;
  }
  body[data-structure-review] main > .hero :is(.hero-copy, .hero-copy-inner)::before,
  body[data-structure-review] main > .hero :is(.hero-copy, .hero-copy-inner)::after {
    display: none !important;
  }
  body[data-structure-review] main > .hero h1 {
    order: 1;
    margin: 0 !important;
    padding: 20px 16px 4px !important;
    background: #faf9f5;
  }
  body[data-structure-review] main > .hero .hero-company-introduction {
    order: 2;
    margin: 0 !important;
    padding: 8px 16px 17px !important;
    background: #faf9f5;
  }
  body[data-structure-review] main > .hero .hero-carousel {
    order: 3;
    width: 100% !important;
    margin: 0 !important;
  }
  body[data-structure-review] main > .hero .hero-actions {
    order: 4;
    margin: 0 !important;
    padding: 17px 16px 8px !important;
    background: #faf9f5;
  }
  body[data-structure-review] main > .hero .hero-intro-lead {
    order: 5;
    margin: 0 !important;
    padding: 12px 16px 5px !important;
    background: #faf9f5;
  }
  body[data-structure-review] main > .hero .hero-company-values {
    order: 6;
    margin: 0 !important;
    padding: 8px 16px 5px !important;
    background: #faf9f5;
  }
  body[data-structure-review] main > .hero .hero-slogan {
    order: 7;
    margin: 0 !important;
    padding: 8px 16px 17px !important;
    background: #faf9f5;
  }
  body[data-reading-tidy="20260923"] main > section.section:not(.contact-section) {
    padding-block: 34px !important;
  }
}