/*
 * Unified homepage section headings — release 1.10.15.
 * Approved pattern: compact outlined label above one strong headline, with a
 * navy lead and a static orange-to-sky emphasis phrase.
 */

body.tryycart-global-theme #tc-page-home .services-section .section-title,
body.tryycart-global-theme #tc-page-home .problem-section .section-title,
body.tryycart-global-theme #tc-page-home .trending-section .section-title {
  display: flex !important;
  width: 100% !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 0 0 14px !important;
  text-align: left !important;
}

body.tryycart-global-theme #tc-page-home .services-section .section-title > .eyebrow,
body.tryycart-global-theme #tc-page-home .problem-section .section-title > .eyebrow,
body.tryycart-global-theme #tc-page-home .trending-section .section-title > .eyebrow {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid #ff985f !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  background: rgba(247, 251, 255, 0.94) !important;
  color: #c94708 !important;
  font-family: Inter, "Avenir Next", "Segoe UI", sans-serif !important;
  font-size: clamp(0.72rem, 0.78vw, 0.82rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.tryycart-global-theme #tc-page-home .services-section .section-title > .eyebrow::before,
body.tryycart-global-theme #tc-page-home .services-section .section-title > .eyebrow::after,
body.tryycart-global-theme #tc-page-home .problem-section .section-title > .eyebrow::before,
body.tryycart-global-theme #tc-page-home .problem-section .section-title > .eyebrow::after,
body.tryycart-global-theme #tc-page-home .trending-section .section-title > .eyebrow::before,
body.tryycart-global-theme #tc-page-home .trending-section .section-title > .eyebrow::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  content: none !important;
}

body.tryycart-global-theme #tc-page-home .services-section .services-heading-line {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.tryycart-global-theme #tc-page-home .services-section .services-heading-line::before,
body.tryycart-global-theme #tc-page-home .services-section .services-heading-line::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  content: none !important;
}

body.tryycart-global-theme #tc-page-home .services-section .section-title h2,
body.tryycart-global-theme #tc-page-home .problem-section .section-title h2,
body.tryycart-global-theme #tc-page-home .trending-section .section-title h2 {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 5px 0 0 !important;
  color: #203d61 !important;
  font-family: Inter, "Avenir Next", "Segoe UI", sans-serif !important;
  font-size: clamp(1.9rem, 2.55vw, 2.5rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.04 !important;
  text-align: left !important;
  text-transform: none !important;
  white-space: normal !important;
}

body.tryycart-global-theme #tc-page-home .services-section .section-title h2 .gradient-text,
body.tryycart-global-theme #tc-page-home .problem-section .section-title h2 .gradient-text,
body.tryycart-global-theme #tc-page-home .trending-section .section-title h2 .gradient-text {
  display: inline !important;
  background: linear-gradient(
    90deg,
    #f97317 0%,
    #fb8d2d 38%,
    #9aa8b4 73%,
    #3dbbf2 100%
  ) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: none !important;
}

body.tryycart-global-theme #tc-page-home .services-section .section-title .title-bar,
body.tryycart-global-theme #tc-page-home .problem-section .section-title .title-bar,
body.tryycart-global-theme #tc-page-home .trending-section .section-title .title-bar {
  display: none !important;
}

body.tryycart-global-theme #tc-page-home .problem-section .section-title.light > .eyebrow {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #c94708 !important;
}

body.tryycart-global-theme #tc-page-home .problem-section .section-title.light h2 {
  color: #203d61 !important;
}

body.tryycart-global-theme #tc-page-home .services-section .services-heading .section-intro {
  max-width: 920px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

@media (min-width: 1180px) {
  body.tryycart-global-theme #tc-page-home .services-section .section-title h2,
  body.tryycart-global-theme #tc-page-home .problem-section .section-title h2,
  body.tryycart-global-theme #tc-page-home .trending-section .section-title h2 {
    white-space: nowrap !important;
  }
}

@media (max-width: 760px) {
  body.tryycart-global-theme #tc-page-home .services-section .section-title,
  body.tryycart-global-theme #tc-page-home .problem-section .section-title,
  body.tryycart-global-theme #tc-page-home .trending-section .section-title {
    margin-bottom: 12px !important;
  }

  body.tryycart-global-theme #tc-page-home .services-section .section-title > .eyebrow,
  body.tryycart-global-theme #tc-page-home .problem-section .section-title > .eyebrow,
  body.tryycart-global-theme #tc-page-home .trending-section .section-title > .eyebrow {
    min-height: 30px !important;
    padding: 6px 12px !important;
    font-size: 0.7rem !important;
  }

  body.tryycart-global-theme #tc-page-home .services-section .services-heading-line {
    display: block !important;
  }

  body.tryycart-global-theme #tc-page-home .services-section .section-title h2,
  body.tryycart-global-theme #tc-page-home .problem-section .section-title h2,
  body.tryycart-global-theme #tc-page-home .trending-section .section-title h2 {
    margin-top: 6px !important;
    font-size: clamp(1.58rem, 7.25vw, 2rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }
}

/*
 * Our Services title parity — release 1.10.16.
 * Remove every remaining legacy frame from the Services heading so its label,
 * spacing, typography and multicolour emphasis match the Why TryyCart title.
 */
body.tryycart-global-theme #tc-page-home .services-section .services-heading {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 18px !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.tryycart-global-theme #tc-page-home .services-section .services-heading::before,
body.tryycart-global-theme #tc-page-home .services-section .services-heading::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  content: none !important;
}

body.tryycart-global-theme #tc-page-home .services-section .services-heading .section-title h2 {
  position: static !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  flex: none !important;
  align-items: initial !important;
  justify-content: initial !important;
  margin: 5px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.tryycart-global-theme #tc-page-home .services-section .services-heading .section-title h2::before,
body.tryycart-global-theme #tc-page-home .services-section .services-heading .section-title h2::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  content: none !important;
}

