/* ============================================================
   SOFIA COOLTECH — HEADING + FAQ VISUAL STANDARD
   Visual-only correction. No content, links, scripts or layout
   structure are changed by this stylesheet.
   ============================================================ */

/* ------------------------------------------------------------
   Global heading scale
   Desktop: H1 24 / H2 20 / H3 15 / H4 15 / H5 15
   Mobile : H1 22 / H2 19 / H3 14 / H4 14 / H5 14
   ------------------------------------------------------------ */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5 {
  color: #f47b20 !important;
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  transform: none;
  clear: both;
}

html body h1 {
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin-top: 0;
  margin-bottom: 14px !important;
}

html body h2 {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  margin-top: 0;
  margin-bottom: 12px !important;
}

html body h3 {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  margin-top: 0;
  margin-bottom: 10px !important;
}

html body h4 {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  margin-top: 0;
  margin-bottom: 10px !important;
}

html body h5 {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  margin-top: 0;
  margin-bottom: 10px !important;
}

/* Keep the requested H1 scale in breadcrumb/hero areas. */
html body .breadcrumb-header .banner h1 {
  font-size: 24px !important;
  line-height: 1.3 !important;
  color: #f47b20 !important;
  margin-bottom: 14px !important;
}

/* Heading-to-paragraph separation: prevents visual collisions without
   changing the document structure. */
html body h1 + p,
html body h2 + p,
html body h3 + p,
html body h4 + p,
html body h5 + p,
html body h1 + ul,
html body h2 + ul,
html body h3 + ul,
html body h4 + ul,
html body h5 + ul,
html body h1 + ol,
html body h2 + ol,
html body h3 + ol,
html body h4 + ol,
html body h5 + ol {
  margin-top: 0 !important;
}

/* ------------------------------------------------------------
   Unified FAQ treatment
   Covers cooling-tower, Asia, India and translated variants.
   ------------------------------------------------------------ */
html body .faq-section,
html body .sc-expanded-faq,
html body .sc-region-faq {
  background: #fff;
}

html body .faq-section .sec-title,
html body .sc-expanded-faq .sec-title,
html body .sc-region-faq .section-heading {
  margin-bottom: 18px !important;
}

html body .faq-section .sec-title h2,
html body .sc-expanded-faq .sec-title h2,
html body .sc-expanded-faq .section-heading h2,
html body .sc-region-faq .section-heading h2 {
  margin: 0 0 10px !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #f47b20 !important;
}

html body .faq-section .sec-title > p,
html body .sc-expanded-faq .sec-title > p,
html body .sc-region-faq .section-heading > p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555 !important;
}

/* Same FAQ card geometry everywhere. */
html body .faq-section .faq-item,
html body .sc-expanded-faq .faq-item,
html body .sc-region-faq .faq-item {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
  margin: 0 0 12px !important;
  overflow: hidden;
  clear: both;
}

html body .faq-section .faq-item:last-child,
html body .sc-expanded-faq .faq-item:last-child,
html body .sc-region-faq .faq-item:last-child {
  margin-bottom: 0 !important;
}

/* FAQ questions: exact requested H3 mobile/desktop scale. */
html body .faq-section .faq-item h3,
html body .sc-expanded-faq .faq-item h3,
html body .sc-region-faq .faq-item h3,
html body .faq-section .faq-item h4,
html body .sc-expanded-faq .faq-item h4,
html body .sc-region-faq .faq-item h4 {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 15px 42px 15px 18px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #f47b20 !important;
  overflow-wrap: anywhere;
}

/* FAQ answers: clean spacing below the question and no overlap. */
html body .faq-section .faq-item p,
html body .sc-expanded-faq .faq-item p,
html body .sc-region-faq .faq-item p {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 18px 16px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555 !important;
  overflow-wrap: anywhere;
}

/* Keep accordion controls inside the question row. */
html body .faq-section .faq-item h3::after,
html body .sc-expanded-faq .faq-item h3::after,
html body .sc-region-faq .faq-item h3::after {
  color: #f47b20 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Cooling Tower has its own list wrapper; normalize it without changing
   the existing markup or accordion behavior. */
html body .cooling-tower-faq-list {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */
@media (max-width: 767px) {
  html body h1 { font-size: 22px !important; line-height: 1.3 !important; }
  html body h2 { font-size: 19px !important; line-height: 1.35 !important; }
  html body h3 { font-size: 14px !important; line-height: 1.45 !important; }
  html body h4 { font-size: 14px !important; line-height: 1.45 !important; }
  html body h5 { font-size: 14px !important; line-height: 1.45 !important; }

  html body .breadcrumb-header .banner h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  html body .faq-section .sec-title,
  html body .sc-expanded-faq .sec-title,
  html body .sc-region-faq .section-heading {
    margin-bottom: 16px !important;
  }

  html body .faq-section .sec-title h2,
  html body .sc-expanded-faq .sec-title h2,
  html body .sc-expanded-faq .section-heading h2,
  html body .sc-region-faq .section-heading h2 {
    font-size: 19px !important;
    line-height: 1.4 !important;
    margin-bottom: 9px !important;
  }

  html body .faq-section .sec-title > p,
  html body .sc-expanded-faq .sec-title > p,
  html body .sc-region-faq .section-heading > p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  html body .faq-section .faq-item,
  html body .sc-expanded-faq .faq-item,
  html body .sc-region-faq .faq-item {
    margin-bottom: 10px !important;
    border-radius: 8px !important;
  }

  html body .faq-section .faq-item h3,
  html body .sc-expanded-faq .faq-item h3,
  html body .sc-region-faq .faq-item h3,
  html body .faq-section .faq-item h4,
  html body .sc-expanded-faq .faq-item h4,
  html body .sc-region-faq .faq-item h4 {
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding: 14px 38px 14px 16px !important;
  }

  html body .faq-section .faq-item p,
  html body .sc-expanded-faq .faq-item p,
  html body .sc-region-faq .faq-item p {
    font-size: 14px !important;
    line-height: 1.65 !important;
    padding: 0 16px 14px !important;
  }
}