html,
body.jinva-complete-landing {
  margin: 0 !important;
  padding: 0 !important;
  background: #faf9ff !important;
}

/* The body ID gives this isolated product page precedence over Avada and
   SoundCastle selectors that also use !important. */
#jinva-lp-body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  color: #17191e !important;
  background: #faf9ff !important;
}

body.jinva-complete-landing > .sc-site-header,
body.jinva-complete-landing > .sc-site-footer,
body.jinva-complete-landing > .sc-clean-header,
body.jinva-complete-landing > .sc-clean-footer {
  display: none !important;
}

body.jinva-complete-landing .jinva-site-page {
  min-height: 100vh;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #17191e !important;
  background: #faf9ff !important;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

#jinva-lp-body .jinva-site-page,
#jinva-lp-body .jinva-site-page * {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body.jinva-complete-landing .jinva-site-page a {
  text-decoration: none;
}

body.jinva-complete-landing .jinva-site-page > .hero,
body.jinva-complete-landing .jinva-site-page > .section {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

#jinva-lp-body .jinva-site-page,
#jinva-lp-body .jinva-site-page > #main,
#jinva-lp-body .jinva-site-page > .hero,
#jinva-lp-body .jinva-site-page > .section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  margin-inline: 0 !important;
  inset-inline: 0 !important;
}

#jinva-lp-body .jinva-site-page > #main {
  padding: 0 !important;
  color: #17191e !important;
  background: #faf9ff !important;
}

#jinva-lp-body .jinva-site-page .container {
  width: min(calc(100% - 48px), var(--container)) !important;
  max-width: var(--container) !important;
  margin-inline: auto !important;
}

/* Avada/Bootstrap adds clearing pseudo-elements to every .container. They
   become real grid/flex items inside JINVA and displace the hero content. */
#jinva-lp-body .jinva-site-page .container::before,
#jinva-lp-body .jinva-site-page .container::after {
  content: none !important;
  display: none !important;
}

body.jinva-complete-landing .jinva-site-page .button-primary {
  color: #fff !important;
  background: #5b2eff !important;
  border-color: transparent !important;
  border-radius: 999px !important;
}

body.jinva-complete-landing .jinva-site-page .button-primary:hover {
  background: #4320d6 !important;
}

body.jinva-complete-landing .jinva-site-page .button-secondary,
body.jinva-complete-landing .jinva-site-page .button-light {
  color: #5b2eff !important;
  background: #fff !important;
  border-color: rgba(91, 46, 255, .28) !important;
  border-radius: 999px !important;
}

body.admin-bar.jinva-complete-landing .jinva-site-page .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar.jinva-complete-landing .jinva-site-page .site-header {
    top: 46px;
  }
}

@media screen and (max-width: 960px) {
  #jinva-lp-body .jinva-site-page .container {
    width: min(calc(100% - 36px), var(--container)) !important;
  }
}

@media screen and (max-width: 680px) {
  #jinva-lp-body .jinva-site-page .container {
    width: min(calc(100% - 28px), var(--container)) !important;
  }
}