/** Shopify CDN: Minification failed

Line 2824:12 Expected identifier but found whitespace
Line 2824:20 Unexpected "#1c2533"

**/
.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  line-height: var(--line-height-base);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[hidden] {
  display: none !important;
}

[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

iframe {
  border: 0;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 2rem;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#container {
  --width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--width);
  width: 100%;
  padding-left: var(--container-spacer);
  padding-right: var(--container-spacer);
}
.\#container.\@width\:wide {
  max-width: none;
}
.\#container.\@width\:full {
  max-width: none;
  padding: 0;
}
.\#container.\@width\:narrow {
  --width: calc(var(--container-width) * 0.8);
}
.\#container.\@width\:x-narrow {
  --width: calc(var(--container-width) * 0.64);
}
@media (min-width: 992px) {
  .\#container.\@width\:offset-left {
    max-width: none;
    width: auto;
    margin-left: calc((100vw - min(var(--container-width), 100vw) + var(--container-spacer) * 2) / 2);
    margin-right: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .\#container.\@width\:offset-right {
    max-width: none;
    width: auto;
    margin-right: calc((100vw - min(var(--container-width), 100vw) + var(--container-spacer) * 2) / 2);
    margin-left: 0;
    padding: 0;
  }
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

:root {
  font-size: clamp(14px, 1.65vmin * var(--font-scale), 1vw);
}

h6, h5, h4, h3, h2, h1 {
  font-weight: bold;
  line-height: 1.2;
}

body {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1rem;
  line-height: 1.4;
}

.heading-font {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
}

.text-danger,
.color-danger {
  color: var(--color-g-danger);
}
.text-success,
.color-success {
  color: var(--color-g-success);
}
.text-warning,
.color-warning {
  color: var(--color-g-warning);
}

.styled-link {
  color: #c63f3f;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.fs-small {
  font-size: 0.7561436673rem;
}

.gap-small {
  --gap: 0.7561436673rem !important;
}

.fs-h6 {
  font-size: 0.8695652174rem;
}

.gap-h6 {
  --gap: 0.8695652174rem !important;
}

.fs-body {
  font-size: 1rem;
}

.gap-body {
  --gap: 1rem !important;
}

.fs-h5 {
  font-size: 1.15rem;
}

.gap-h5 {
  --gap: 1.15rem !important;
}

.fs-h4 {
  font-size: 1.3225rem;
}

.gap-h4 {
  --gap: 1.3225rem !important;
}

.fs-h3 {
  font-size: 1.520875rem;
}

.gap-h3 {
  --gap: 1.520875rem !important;
}

.fs-h2 {
  font-size: 1.74900625rem;
}

.gap-h2 {
  --gap: 1.74900625rem !important;
}

.fs-h1 {
  font-size: 2.0113571875rem;
}

.gap-h1 {
  --gap: 2.0113571875rem !important;
}

.fs-d5 {
  font-size: 2.3130607656rem;
}

.gap-d5 {
  --gap: 2.3130607656rem !important;
}

.fs-d4 {
  font-size: 2.6600198805rem;
}

.gap-d4 {
  --gap: 2.6600198805rem !important;
}

.fs-d3 {
  font-size: 3.0590228625rem;
}

.gap-d3 {
  --gap: 3.0590228625rem !important;
}

.fs-d2 {
  font-size: 3.5178762919rem;
}

.gap-d2 {
  --gap: 3.5178762919rem !important;
}

.fs-d1 {
  font-size: 4.0455577357rem;
}

.gap-d1 {
  --gap: 4.0455577357rem !important;
}

.fs-d0 {
  font-size: 4.6523913961rem;
}

.gap-d0 {
  --gap: 4.6523913961rem !important;
}

.fs-d00 {
  font-size: 5.3502501055rem;
}

.gap-d00 {
  --gap: 5.3502501055rem !important;
}

h1 {
  font-size: 2.0113571875rem;
}

h2 {
  font-size: 1.74900625rem;
}

h3 {
  font-size: 1.520875rem;
}

h4 {
  font-size: 1.3225rem;
}

h5 {
  font-size: 1.15rem;
}

h6 {
  font-size: 0.8695652174rem;
}

.text-center {
  text-align: center;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#grid {
  --gap: var(--glob-gutter);
  --template: auto;
  --columns: 3;
  --columns-mobile: 1;
  --span-def: 4;
  --span-base: 12;
  --use-columns: var(--columns);
  --use-template: var(--template);
  --use-gap: var(--gap);
  gap: var(--use-gap);
}
@media (max-width: 991px) {
  .\#grid {
    --use-columns: var(--columns-mobile, var(--columns));
    --use-template: var(--template-mobile, var(--template));
    --use-gap: var(--gap-mobile, var(--gap));
  }
}
.\#grid.\@outer-gap {
  padding: var(--use-gap);
}
@media (max-width: 991px) {
  .\#grid.\@outer-gap-mobile {
    padding: var(--use-gap);
  }
}
@media (max-width: 991px) {
  .\#grid.\@outer-gap-mobile\:x {
    padding-left: var(--use-gap);
    padding-right: var(--use-gap);
  }
}
@media (max-width: 991px) {
  .\#grid.\@outer-gap-mobile\:y {
    padding-top: var(--use-gap);
    padding-bottom: var(--use-gap);
  }
}
.\#grid.\@outer-gap\:x {
  padding-left: var(--use-gap);
  padding-right: var(--use-gap);
}
.\#grid.\@outer-gap\:y {
  padding-top: var(--use-gap);
  padding-bottom: var(--use-gap);
}
.\#grid.\@type\:columns {
  display: flex;
  flex-wrap: wrap;
}
.\#grid.\@type\:columns > * {
  flex: 0 1 calc(100% / var(--use-columns) - (var(--use-gap) - 1 / var(--use-columns) * var(--use-gap)));
}
.\#grid.\@type\:template {
  display: grid;
  grid-template: auto/var(--use-template);
}
.\#grid.\@type\:span {
  display: grid;
  grid-template-columns: repeat(var(--span-base), 1fr);
}
.\#grid.\@type\:span > * {
  --use-span: var(--span);
  grid-column: span var(--use-span, var(--span-def));
}
@media (max-width: 991px) {
  .\#grid.\@type\:span > * {
    --use-span: var(--span-mobile, var(--span));
  }
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#flex {
  --gap: 1rem;
  --use-gap: var(--gap);
  display: flex;
  gap: var(--gap);
}
@media (max-width: 991px) {
  .\#flex {
    --use-gap: var(--gap-mobile, var(--gap));
  }
}
.\#flex.\@wrap {
  flex-wrap: wrap;
}
.\#flex.\@column {
  flex-direction: column;
}

.stretched-link, .\#floating-content-wrapper.\@absolute, html.js .\#media-image-loading, .\#media-placeholder, .\#media-overlay, .\#media-link, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-image, .\#media-image-mobile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#media {
  --ar-padding: 100%;
  --image-position: center;
  --image-fit: cover;
  --height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.\#media.\@rounded {
  border-radius: 50%;
}
.\#media.\@border-radius\:base {
  border-radius: 1.125rem;
}
.\#media.\@border-radius\:inner {
  border-radius: 0.7rem;
}
.\#media.\@border-radius\:sm {
  border-radius: 0.25rem;
}
@media (min-width: 992px) {
  .\#media.\@icon-hover-opacity .\#media-icon {
    opacity: 0.6;
  }
  .\#media.\@icon-hover-opacity .\#media-icon:hover {
    opacity: 1;
  }
}
.\#media.\@type\:ar {
  height: auto;
}
.\#media.\@type\:ar:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: var(--ar-padding);
}
.\#media.\@type\:abs {
  height: var(--height);
}
.\#media.\@type\:auto {
  height: auto;
}
@media (max-width: 991px) {
  .\#media.\@type-mobile\:ar {
    height: auto;
  }
  .\#media.\@type-mobile\:ar:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: var(--ar-padding-mobile, var(--ar-padding));
  }
  .\#media.\@type-mobile\:abs {
    height: var(--height-mobile, var(--height));
  }
  .\#media.\@type-mobile\:auto {
    height: auto;
  }
  .\#media.\@type-mobile\:auto:before {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .\#media.\@mobile-image .\#media-image-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .\#media.\@mobile-image .\#media-image {
    display: none;
  }
}
.\#media-image, .\#media-image-mobile {
  object-fit: var(--image-fit);
  object-position: var(--image-position);
  z-index: 2;
}
.\#media-image.\@cover, .\#media-image-mobile.\@cover {
  min-height: 100%;
}
.\#media-link {
  display: block;
  z-index: 4;
}
.\#media-overlay {
  --value: 0;
  background-color: rgba(0, 0, 0, var(--value));
  z-index: 3;
}
.\#media-placeholder {
  background: #b3b3b3;
}
.\#media-placeholder > svg {
  opacity: 0.3;
  height: inherit;
  width: 100%;
}
html.js .\#media-image.\@animate-loading, html.js .\#media-image-mobile.\@animate-loading {
  opacity: 0;
  transition: 0.3s;
}
html.js .\#media-image.\@animate-loading[loaded], html.js .\#media-image-mobile.\@animate-loading[loaded] {
  opacity: 1;
}
html.js .\#media-image.\@animate-loading[loaded] ~ .\#media-image-loading, html.js .\#media-image-mobile.\@animate-loading[loaded] ~ .\#media-image-loading {
  display: none;
}
html.js .\#media-image-loading {
  z-index: 1;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(199, 199, 199) 50%, rgb(255, 255, 255) 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: placeHolderShimmer 1.5s infinite linear forwards;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.\#media-icon {
  --icon-color: var(--color-g-fg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: var(--icon-color);
}

.stretched-link, .\#floating-content-wrapper.\@absolute, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#section-body {
  --bg-color: transparent;
  --content-bg-color: transparent;
  --text-color: inherit;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.\#section-body.\@spaced {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.\#section-body.\@inner-spaced {
  padding-block: 4rem;
}
.\#section-body-header {
  margin-bottom: 1.5rem;
}
.\#section-body-content {
  background-color: var(--content-bg-color);
}
.\#section-body-wrapper.\@curved {
  overflow: hidden;
  border-radius: var(--border-radius-base);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.\#section-body-wrapper.\@curved\:left {
  overflow: hidden;
}
@media (min-width: 992px) {
  .\#section-body-wrapper.\@curved\:left {
    border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
  }
}
@media (max-width: 991px) {
  .\#section-body-wrapper.\@curved\:left {
    border-radius: var(--border-radius-base);
  }
}
.\#section-body-wrapper.\@curved\:right {
  overflow: hidden;
}
@media (min-width: 992px) {
  .\#section-body-wrapper.\@curved\:right {
    border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
  }
}
@media (max-width: 991px) {
  .\#section-body-wrapper.\@curved\:right {
    border-radius: var(--border-radius-base);
  }
}
.\#section-body-button {
  z-index: 10;
  position: relative;
  margin: 1.5rem 0;
}
.\#section-body-button.\@align\:center {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .\#section-body-header-inner.\@align-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .\#section-body-header-inner.\@align-button .\#section-body-button {
    margin: 0;
  }
}

.stretched-link, .\#floating-content-wrapper.\@absolute, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#hero {
  --fs: 1rem;
  --width: 100%;
  --text-color: inherit;
  --bg-color: transparent;
  --gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  font-size: var(--fs);
  overflow-wrap: break-word;
  color: var(--text-color);
}
@media (max-width: 991px) {
  .\#hero {
    color: var(--mobile-text-color, var(--text-color));
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .\#hero {
    width: min(100%, var(--width));
  }
}
.\#hero.\@outer-gap {
  border: var(--gap) solid transparent;
}
.\#hero.\@box\:small {
  padding: 0.7561436673rem;
}
.\#hero.\@box\:h6 {
  padding: 0.8695652174rem;
}
.\#hero.\@box\:body {
  padding: 1rem;
}
.\#hero.\@box\:h5 {
  padding: 1.15rem;
}
.\#hero.\@box\:h4 {
  padding: 1.3225rem;
}
.\#hero.\@box\:h3 {
  padding: 1.520875rem;
}
.\#hero.\@box\:h2 {
  padding: 1.74900625rem;
}
.\#hero.\@box\:h1 {
  padding: 2.0113571875rem;
}
.\#hero.\@box\:d5 {
  padding: 2.3130607656rem;
}
.\#hero.\@box\:d4 {
  padding: 2.6600198805rem;
}
.\#hero.\@box\:d3 {
  padding: 3.0590228625rem;
}
.\#hero.\@box\:d2 {
  padding: 3.5178762919rem;
}
.\#hero.\@box\:d1 {
  padding: 4.0455577357rem;
}
.\#hero.\@box\:d0 {
  padding: 4.6523913961rem;
}
.\#hero.\@box\:d00 {
  padding: 5.3502501055rem;
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:small {
    padding: 0.7561436673rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h6 {
    padding: 0.8695652174rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:body {
    padding: 1rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h5 {
    padding: 1.15rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h4 {
    padding: 1.3225rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h3 {
    padding: 1.520875rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h2 {
    padding: 1.74900625rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:h1 {
    padding: 2.0113571875rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d5 {
    padding: 2.3130607656rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d4 {
    padding: 2.6600198805rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d3 {
    padding: 3.0590228625rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d2 {
    padding: 3.5178762919rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d1 {
    padding: 4.0455577357rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d0 {
    padding: 4.6523913961rem;
  }
}
@media (max-width: 991px) {
  .\#hero.\@mobile-box\:d00 {
    padding: 5.3502501055rem;
  }
}
.\#hero.\@align\:left {
  text-align: left;
}
.\#hero.\@align\:left .\#countdown-timer-item-time {
  margin-left: 0;
}
.\#hero.\@align\:center {
  text-align: center;
}
.\#hero.\@align\:center .\#hero-image,
.\#hero.\@align\:center .\#hero-icon,
.\#hero.\@align\:center .\#hero-video-popup {
  margin-left: auto;
  margin-right: auto;
}
.\#hero.\@align\:center .\#hero-buttons {
  justify-content: center;
}
.\#hero.\@align\:center .\#countdown-timer-items {
  justify-content: center;
}
.\#hero.\@align\:right {
  text-align: right;
}
.\#hero.\@align\:right .\#hero-image,
.\#hero.\@align\:right .\#hero-icon,
.\#hero.\@align\:right .\#hero-video-popup {
  margin-left: auto;
}
.\#hero.\@align\:right .\#hero-buttons {
  justify-content: flex-end;
}
.\#hero.\@align\:right .\#countdown-timer-items {
  justify-content: end;
}
@media (max-width: 991px) {
  .\#hero.\@mobile-center:not(.\@align\:center) {
    text-align: center;
  }
  .\#hero.\@mobile-center:not(.\@align\:center) .\#hero-image,
.\#hero.\@mobile-center:not(.\@align\:center) .\#hero-icon,
.\#hero.\@mobile-center:not(.\@align\:center) .\#hero-video-popup {
    margin-left: auto;
    margin-right: auto;
  }
  .\#hero.\@mobile-center:not(.\@align\:center) .\#hero-buttons {
    justify-content: center;
  }
}
.\#hero-heading {
  margin: 0;
  line-height: 1;
}
.\#hero-subheading {
  opacity: 0.64;
  margin: 0;
  line-height: 1;
}
.\#hero-text {
  opacity: 0.8;
}
.\#hero-buttons {
  margin-top: calc(var(--gap) * 0.33);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
}
.\#hero-image {
  --width: 70%;
  width: var(--width);
}
.\#hero-icon {
  --color: inherit;
  width: fit-content;
}
.\#hero-icon .\#icon {
  color: var(--color);
  --size: 1em;
}

.\#hero.\@box\:small, .\#hero.\@box\:h6, .\#hero.\@box\:body, .\#hero.\@box\:h5, .\#hero.\@box\:h4, .\#hero.\@box\:h3, .\#hero.\@box\:h2, .\#hero.\@box\:h1, .\#hero.\@box\:d5, .\#hero.\@box\:d4, .\#hero.\@box\:d3, .\#hero.\@box\:d2, .\#hero.\@box\:d1, .\#hero.\@box\:d0, .\#hero.\@box\:d00 {
  background-color: var(--bg-color);
  backdrop-filter: blur(10px);
  border-radius: var(--border-radius-base);
  height: max-content;
}
@media (max-width: 991px) {
  .\#hero.\@box\:small, .\#hero.\@box\:h6, .\#hero.\@box\:body, .\#hero.\@box\:h5, .\#hero.\@box\:h4, .\#hero.\@box\:h3, .\#hero.\@box\:h2, .\#hero.\@box\:h1, .\#hero.\@box\:d5, .\#hero.\@box\:d4, .\#hero.\@box\:d3, .\#hero.\@box\:d2, .\#hero.\@box\:d1, .\#hero.\@box\:d0, .\#hero.\@box\:d00 {
    padding: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .\#hero.\@mobile-box\:small, .\#hero.\@mobile-box\:h6, .\#hero.\@mobile-box\:body, .\#hero.\@mobile-box\:h5, .\#hero.\@mobile-box\:h4, .\#hero.\@mobile-box\:h3, .\#hero.\@mobile-box\:h2, .\#hero.\@mobile-box\:h1, .\#hero.\@mobile-box\:d5, .\#hero.\@mobile-box\:d4, .\#hero.\@mobile-box\:d3, .\#hero.\@mobile-box\:d2, .\#hero.\@mobile-box\:d1, .\#hero.\@mobile-box\:d0, .\#hero.\@mobile-box\:d00 {
    padding: 1.5rem;
    background-color: var(--mobile-bg-color, var(--bg-color));
    backdrop-filter: blur(10px);
    border-radius: var(--border-radius-base);
    height: max-content;
  }
}
.stretched-link, .\#floating-content-wrapper.\@absolute, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#floating-content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.\#floating-content.\@padded {
  padding: 2rem;
}
.\#floating-content.\@container {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  .\#floating-content.\@mobile-bottom {
    align-items: flex-end !important;
    justify-content: center !important;
  }
}
.\#floating-content.\@x\:center {
  justify-content: center;
}
.\#floating-content.\@x\:right {
  justify-content: flex-end;
}
.\#floating-content.\@y\:center {
  align-items: center;
}
.\#floating-content.\@y\:bottom {
  align-items: flex-end;
}
.\#floating-content-wrapper {
  z-index: 10;
  position: relative;
  height: 100%;
}
@media (max-width: 991px) {
  .\#floating-content-wrapper.\@mobile-position\:offset {
    position: relative !important;
    margin-top: -1rem;
    margin-bottom: 1rem;
  }
  .\#floating-content-wrapper.\@mobile-position\:offset .\#icon {
    color: #000;
  }
  .\#floating-content-wrapper.\@mobile-position\:offset .\#floating-content {
    padding: 0;
  }
  .\#floating-content-wrapper.\@mobile-position\:bottom .\#floating-content {
    align-items: flex-end !important;
    justify-content: center !important;
  }
}
.\#floating-content-wrapper.\@absolute {
  z-index: 10;
}
.\#floating-content-wrapper > .\#container {
  height: 100%;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#rte-block {
  line-height: 1.6;
}
.\#rte-block img, .\#rte-block video, .\#rte-block iframe {
  max-width: 100%;
}
.\#rte-block > p {
  margin-bottom: 2em;
}
.\#rte-block > p:last-child {
  margin-bottom: 0;
}
.\#rte-block.\@upcase {
  text-transform: uppercase;
}
.\#rte-block a {
  color: inherit;
}

.\#rte {
  --font-size: 1rem;
  font-size: var(--font-size);
  line-height: 1.6;
}
.\#rte h6, .\#rte h5, .\#rte h4, .\#rte h3, .\#rte h2, .\#rte h1 {
  margin-bottom: 0.5em;
}
.\#rte p {
  margin-bottom: 1em;
}
.\#rte a {
  color: inherit;
}
.\#rte img, .\#rte video, .\#rte iframe {
  max-width: 100%;
  border-radius: var(--border-radius-inner);
}
.\#rte blockquote {
  font-style: italic;
  font-size: 1.15em;
}
.\#rte.\@text-align\:left {
  text-align: left;
}
.\#rte.\@text-align\:center {
  text-align: center;
}
.\#rte.\@text-align\:right {
  text-align: right;
}
.\#rte h1 {
  font-size: 2.0113571875em;
}
.\#rte h2 {
  font-size: 1.74900625em;
}
.\#rte h3 {
  font-size: 1.520875em;
}
.\#rte h4 {
  font-size: 1.3225em;
  padding-top: 10px;
}
.\#rte h5 {
  font-size: 1.15em;
}
.\#rte h6 {
  font-size: 0.8695652174em;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#icon {
  --size: 1.7rem;
  display: flex;
  color: inherit;
  fill: currentColor;
  width: var(--size);
  height: var(--size);
  vertical-align: top;
}

load-icon {
  display: contents;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#accent-text {
  padding: 0 0.25em;
  margin: 0 -0.25em;
  background: var(--accent);
  background-position: 0 0.6em;
  background-size: 100% 30%;
  background-repeat: repeat-x;
  display: inline;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#button {
  --text-color: var(--color-g-button-text);
  --bg-color: var(--color-g-button-bg);
  --bg-gradient: var(--color-g-button-bg-gradient);
  --bg-hover-color: var(--color-g-button-bg-hover);
  --l1-shadow-color: var(--color-g-button-shadow-l1);
  --l2-shadow-color: var(--color-g-button-shadow-l2);
  --l3-shadow-color: var(--color-g-button-shadow-l3);
  padding: 0.95em 1.75em;
  border-radius: 2em;
}

.\#button {
  transition: var(--transition-base);
  cursor: pointer;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  user-select: none;
  display: inline-block;
  border: none;
  position: relative;
  overflow: hidden;
}

.\#button {
  font-size: 1.15rem;
}
.\#button:not(.heading-font) {
  font-weight: var(--font-body-weight-bold);
}

.\@size\:h6.\#button {
  font-size: 0.8695652174rem;
}
.\@size\:body.\#button {
  font-size: 1rem;
}
.\@size\:h5.\#button {
  font-size: 1.15rem;
}
.\@size\:h4.\#button {
  font-size: 1.3225rem;
}
.\@size\:h3.\#button {
  font-size: 1.520875rem;
}
.\@size\:h2.\#button {
  font-size: 1.74900625rem;
}
.\@size\:h1.\#button {
  font-size: 2.0113571875rem;
}
.\@size\:d5.\#button {
  font-size: 2.3130607656rem;
}

.\@block.\#button {
  display: block;
  width: 100%;
}

.\@display-style\:normal.\#button {
  background-color: var(--bg-color);
  color: var(--text-color);
}
.\@display-style\:normal.\#button:hover {
  background-color: var(--bg-hover-color);
}
.\@display-style\:gradient.\#button {
  background: var(--bg-color);
  color: var(--text-color);
  z-index: 1;
}
.\@display-style\:gradient.\#button:hover:before {
  opacity: 0;
}
.\@display-style\:gradient.\#button:before {
  transition: opacity var(--transition-base);
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: inherit;
  font-size: inherit;
  box-shadow: inherit;
  background: radial-gradient(at top, var(--bg-gradient) 0%, var(--bg-color) 90%);
  z-index: -1;
}
.\@display-style\:outline.\#button {
  background: none;
  color: var(--bg-color);
  border: 0.1em solid var(--bg-color);
}
.\@display-style\:outline.\#button:hover {
  color: var(--text-color);
  background-color: var(--bg-color);
}
.\@display-style\:link.\#button {
  padding: 0;
  color: var(--bg-color);
  background: none;
  opacity: 0.8;
  text-decoration: underline;
  text-decoration-thickness: 0.125em;
  text-underline-offset: 0.25em;
  border-radius: 0;
  overflow: visible;
}
.\@display-style\:link.\#button:hover {
  opacity: 1;
}

.\@shadow.\@display-style\:normal.\#button, .\@shadow.\@display-style\:gradient.\#button {
  box-shadow: var(--l1-shadow-color) 0 0.15em 0.3em, var(--l2-shadow-color) 0 0.3em 0.6em -0.15em, var(--l3-shadow-color) 0 -0.15em 0 inset;
}

.\!loading.\#button {
  color: transparent;
  pointer-events: none;
}
.\!loading.\#button .\#spinner {
  opacity: 1;
}
.\#button .\#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition-base);
  --color: var(--text-color);
  --size: 0.4rem;
  opacity: 0;
  user-select: none;
  pointer-events: none;
}

body product-dynamic-checkout {
  display: block;
  padding-top: 1rem;
}
body .shopify-payment-button__button--unbranded {
  height: auto;
  font-weight: var(--font-body-weight-bold);
  border-radius: 2em;
  font-size: 1.5rem;
  padding: 1.1em 1.75em;
  background-color: var(--color-g-button-buy-it-now-bg);
  color: var(--color-g-button-buy-it-now-text);
}
body .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: var(--color-g-button-buy-it-now-bg-hover);
}
body shopify-accelerated-checkout,
body shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size: 55px;
  --shopify-accelerated-checkout-button-border-radius: 2em;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#price {
  margin: 0;
}
.\#price-item-heading {
  line-height: 1;
}
.\#price-item-value {
  margin: 0;
  line-height: 1;
}
.\#price-item.\@compare .\#price-value {
  text-decoration: line-through;
  opacity: 0.64;
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shadow-1 {
  box-shadow: var(--color-g-text-alpha-10) 0 1rem 2rem -1.5rem, var(--color-g-text-alpha-30) 0 0.5rem 2rem -1rem;
}

@media (max-width: 991px) {
  .mobile-shadow-1 {
    box-shadow: var(--color-g-text-alpha-10) 0 1rem 2rem -1.5rem, var(--color-g-text-alpha-30) 0 0.5rem 2rem -1rem;
  }
}
.shadow-2, .shadow-hover-child-2-3, .shadow-hover-2-3 {
  box-shadow: var(--color-g-text-alpha-10) 0 3.125rem 6.25rem -1.25rem, var(--color-g-text-alpha-30) 0 1.875rem 3.75rem -1.875rem;
}

@media (max-width: 991px) {
  .mobile-shadow-2 {
    box-shadow: var(--color-g-text-alpha-10) 0 3.125rem 6.25rem -1.25rem, var(--color-g-text-alpha-30) 0 1.875rem 3.75rem -1.875rem;
  }
}
.shadow-3 {
  box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
}

@media (max-width: 991px) {
  .mobile-shadow-3 {
    box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
  }
}
.shadow-4 {
  box-shadow: var(--color-g-text-alpha-60) 0 2rem 5rem 0.5rem, var(--color-g-text-alpha-80) 0 1.875rem 3.75rem -1.875rem;
}

@media (max-width: 991px) {
  .mobile-shadow-4 {
    box-shadow: var(--color-g-text-alpha-60) 0 2rem 5rem 0.5rem, var(--color-g-text-alpha-80) 0 1.875rem 3.75rem -1.875rem;
  }
}
.shadow-hover-2-3 {
  transition: var(--transition-base);
  transition-property: transform, box-shadow;
  backface-visibility: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .shadow-hover-2-3:hover {
    box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
    transform: translateY(-10px);
  }
}

.shadow-hover-child-2-3 {
  transition: var(--transition-base);
  transition-property: transform, box-shadow;
  backface-visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .shadow-hover-parent:hover .shadow-hover-child-2-3 {
    transform: translateY(-10px);
    box-shadow: var(--color-g-text-alpha-30) 0 3.125rem 6.25rem -1rem, var(--color-g-text-alpha-40) 0 1.875rem 2.75rem -1rem;
  }
}

.stretched-link, .\#media-image, .\#media-image-mobile, .\#media-image-wrapper, .\#media-image-mobile-wrapper, .\#media-link, .\#media-overlay, .\#media-placeholder, html.js .\#media-image-loading, .\#floating-content-wrapper.\@absolute {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.\#media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.\#form-field-label {
  display: block;
  font-size: 0.9em;
  opacity: 0.85;
  margin-bottom: 0.3em;
}
.\#form-field-input {
  width: 100%;
  font-size: inherit;
  resize: none;
  font-family: inherit;
  display: block;
  padding: 0.75em;
  border: 2px solid #b3b3b3;
  background-color: var(--color-g-fg);
  border-radius: 0.4rem;
}
.\#form-field-input:focus {
  border-color: var(--color-g-accent);
  outline: none;
}

*:focus:not(:focus-visible) {
  outline: none;
}

.shopify-section {
  display: unset;
}

.stretched-link {
  --z: 20;
  display: block;
  text-indent: -9999px;
  z-index: var(--z);
  white-space: nowrap;
}

.reset-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.reset-link {
  text-decoration: none;
  color: inherit;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

body {
  background-color: var(--color-g-bg);
  color: var(--color-g-text);
}

.no-scroll,
.scroll-lock {
  overflow: hidden;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

@media (min-width: 992px) {
  .desktop-hidden {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .mobile-hidden {
    display: none !important;
  }
}

.rel {
  position: relative;
}

html:not(.js) .js-only {
  display: none;
}

.load-hidden {
  display: none;
}

.invisible {
  opacity: 0;
}

.mb0 {
  margin-bottom: 0;
}

.unstyled-link {
  text-decoration: none !important;
  color: inherit;
}

@media (max-width: 991px) {
  .mob-first-item {
    grid-row: 1;
  }
}
.gutter-spacer {
  width: var(--glob-gutter);
  height: 0;
  overflow: hidden;
}

/* #Custom Styles
================================================== */
  
#produce-table3 {
    background-color: #FDFDFD;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 100%;
  }
  
#produce-table3 {
   border-left: solid 1px #b3b3b3;
    border-right: solid 1px #b3b3b3;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
  }


#brushtype-table {
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
    }

#produce-table {
  border: #001F3F solid 1px !important;
  }

#produce-table {
  width: 100%;
  }

#produce-table td{
  padding-left: 10px;
  }

#produce-table tr:nth-child(even) {background-color: #ffffff; color: #001F3F; font-weight: 700;}
#produce-table tr:nth-child(odd) {background-color: #001F3F; color: #ffffff; font-weight:700;}

.tandem-bar {
  text-align: center;
  margin-bottom: 20px;

  a {
    transition: ease all 0.6s;

    &:hover {
      opacity: 0.6;
    }
  }
}

.tandem-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  width: 400px;
  margin-top: 20px;

  @include respond-to($medium-up) {
    margin-left: 25px;
    margin-right: 25px;
  }
}
  
.nb-list {
  list-style: none;
  padding: 0;
}
  
.scs-margin-remover-bottom {
  margin-bottom: 0!important;
}
  
.scs-text-center {
  text-align: center!important;
}

.uk-text-bold {
  font-weight: 700;
}
  
.scs-text-small-center {
  text-align: center;
  font-size: .875rem;
  line-height: 1.5;
  margin-top: 20px;
}


#scsacctitle {
  font-size: 14px;
}
  
.carpet-bar {
  text-align: center;
  margin-bottom: 20px;
}
.carpet-bar a {
  transition: ease all 0.6s;
}
.carpet-bar a:hover {
  opacity: 0.6;
}

.carpet-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 290px;
  width: 290px;
  margin-top: 20px;
}
@media only screen and (min-width: 799px) {
  .carpet-bar__item {
    margin-left: 25px;
    margin-right: 25px;
  }
}
  
.demon-bar {
  text-align: center;
  margin-bottom: 20px;
}
.demon-bar a {
  transition: ease all 0.6s;
}
.demon-bar a:hover {
  opacity: 0.6;
}

.demon-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 220px;
  width: 220px;
  margin-top: 20px;
}
@media only screen and (min-width: 799px) {
  .demon-bar__item {
    margin-left: 25px;
    margin-right: 25px;
  }
}  
  
  
.feature_divider {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  border: 0;
  border-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
  
.containerlpvid {
    position: relative;
    width: 95%;
    height: 0;
    padding-bottom: 56.25%;
    
}
.videolpvid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
  
.faq-container {
  padding-top: 20px;
}
  
.faq-checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tabs {
  border-radius: 10px;
  overflow: hidden;
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.tab-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  font-weight: bold;
  color: black;
}	

.tab-label:after {
  content: "+";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.5s;
}

.tab-content {
  max-height: 0;
  padding: 0 1em;
  background-color: white;
  transition: all 0.5s;
  color: black;
}

.tab-content p {
  margin: 0; 
}

.faq-checkbox:checked + .tab-label:after {
  content: "-"; 
}

.faq-checkbox:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}   
  
.scspbody {
  max-width: var(--scspbody);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.scspbody-desktop {
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .scspbody {
    padding: 0 5rem;
  }

  .scspbody--narrow {
    padding: 0 9rem;
  }

  .scspbody-desktop {
    padding: 0;
  }

  .scspbody-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .scspbody--narrow {
    max-width: 100rem;
    padding: 0;
  }

  .scspbody-desktop {
    max-width: var(--scspbody);
    padding: 0 5rem;
  }
}
  
.SCScenter {
  margin-left: auto;
  margin-right: auto;
}  
  
.imageSCSHOME__container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: solid .5px #e3e3e3;
}
  
.SCSvideo-bar {
  text-align: center;
  margin-bottom: 80px;
}
.SCSvideo-bar a {
  transition: ease all 0.6s;
}
.SCSvideo-bar a:hover {
  opacity: 0.6;
}

.SCSvideo-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 330px;
  width: 330px;
  margin-top: 20px;
}
@media only screen and (min-width: 799px) {
  .SCSvideo-bar__item {
    margin-left: 25px;
    margin-right: 25px;
  }
}
  
.headlinerSCS {
    color: #444;
    font-weight: 700;
    margin: 1.4em 0 15px;
    font-size: 2.6600198805rem;
    border-bottom: 1px solid #dadada;
    padding: 7px 0;
    font-family: var(--font-heading-family);
    
}

.feature_divider2 {
  border-bottom: 1px solid rgba(0,0,0,.15);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.scscartnote {
  color: #D54D4D;
}

.\#main-navigation-sub-link {
  font-weight: 700;
}

.scspace {
  margin-bottom: 2rem;
}

.scsbreadcrumb {
  font-size: .75rem;
  color: #4A5568;
}

.scsbreadcrumb a {
  font-size: .75rem;
  color: #105693;
}

.scsbreadcrumb a:hover {
  color: #3B7CB5;
}

.scsred {
  color: #D54D4D;
  font-weight: 700;
  padding-bottom: 5px;
}

.scsgreen {
  color: #078F21;
  font-weight: 700;
}

.scsblack {
  color: #7087a7;
  font-weight: 700;
  padding-bottom: 5px;
}

.scsblack2 {
  color: #7087a7;
  text-align: center;
  font-size: .92em !important;
  margin-top: -0.75rem 
}

.scsvaluebox {
  color: #ffffff;
  background-color: #373b3d;
  padding: 0.25rem 0.3125rem;
  font-size: smaller;
  padding-left: .5em;
  padding-right: .5em;
  border-radius: 4px;
  display: none;
}

  .custom-faq {
  max-width: 800px;
  margin: 0 auto;
  font-family: inherit;
}

.custom-faq details {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-bottom: 12px;
  padding: 0;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
}

.custom-faq details[open] {
  border-color: #f7f9fc;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}

.custom-faq summary {
  cursor: pointer;
  padding: 16px 50px 16px 18px;
  
  font-weight: 600;
  list-style: none;
  position: relative;
}

.custom-faq summary:hover {
  background: #f7f9fc;
}

.custom-faq summary::-webkit-details-marker {
  display: none;
}

/* Chevron icon */
.custom-faq summary:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-right: 2px solid #1791C8;
  border-bottom: 2px solid #1791C8;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s ease;
}

.custom-faq details[open] summary:after {
  transform: translateY(-50%) rotate(-135deg);
}

.custom-faq p {
  margin: 0;
  padding: 18px 18px 18px 18px;
  
  line-height: 1.5;
  color: #333;
}

.popup-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

.popup-trigger__icon {
  display: inline-flex;
  line-height: 0;
}

.jke-anchor-links-container {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: linear-gradient(
    135deg,
    rgba(247, 249, 252, 1),
    rgba(238, 242, 248, 1) 100%
  );
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;

}

 .jke-anchor-links {
    display: flex;
    justify-content: center;
    gap: 25px;
  }

  @media only screen and (min-width: 768px) {
    .jke-anchor-links {
      gap: 75px;
    }
  } 

  .jke-anchor-link {
    font-size: 1.75rem;
    font-weight: 600;
    text-decoration: none;
    color: #f1f1f1; /* your JKE navy */
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
    transition: all 0.2s ease;
    text-transform: uppercase;
  }

  .jke-anchor-linkACTIVE {
    font-size: 2rem;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff; /* your JKE navy */
    border-bottom: 2px solid #ffffff;
    padding-bottom: 2px;
    transition: all 0.2s ease;
    text-transform: uppercase;
  }

  .jke-anchor-link:hover {
    border-bottom: 2px solid #ffffff; /* your accent blue */
  }

#jke-back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 42px;
  height: 42px;
  background-color: rgba(247, 247, 247, 0.75) !important;
  color: #1B2B40;
  border: none;
  border-radius: 8px;
  font-size: 22px;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  transition: opacity 0.3s ease, transform 0.25s ease;
}

#jke-back-to-top::before {
  background: transparent !important;
}

#jke-back-to-top:hover {
  background:rgb(208, 223, 241); /* JKE accent blue */
  transform: translateY(-3px);
}

html, body {
  overflow-x: hidden !important;
  position: relative;
}


/* JKE Shipping Modal Styles */
.jke-shipping-modal {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%);
  padding: 28px 22px;
  border-radius: 14px;
  max-width: 520px;
  margin: 0 auto;
  color: #264E7E;
}

.jke-shipping-header {
  text-align: center;
  margin-bottom: 20px;
}

.jke-shipping-header h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px;
}

.jke-shipping-header p {
  font-size: 14px;
  color: #4a5a6d;
  margin: 0;
}

.jke-shipping-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.jke-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 16px 16px 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  border-left: 4px solid #264E7E;
}

.jke-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px;
}

.jke-card p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #264E7E;
}

.jke-shipping-footer {
  margin-top: 22px;
  text-align: center;
  font-size: 13px;
  color: #5f6f82;
}

.jke-shipping-footer strong {
  color: #264E7E;
}

/* Desktop enhancement */
@media (min-width: 600px) {
  .jke-shipping-modal {
    padding: 32px 28px;
  }

  .jke-shipping-cards {
    grid-template-columns: 1fr 1fr;
  }
}


.crb-modal-wrap {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #1f2933;
}

.crb-hero {
  text-align: center;
  padding: 28px 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, #eef6fb, #f9fbfd);
  margin-bottom: 28px;
}

.crb-hero h2 {
  margin-bottom: 10px;
}

.crb-hero p {
  
  max-width: 620px;
  margin: 0 auto;
}

.crb-section {
  margin-bottom: 28px;
}

.crb-section h4 {
  font-size: 1.25rem;
  margin-bottom: 14px;
}

.crb-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.crb-benefit {
  background: #ffffff;
  border: 1px solid #e5ecf2;
  border-radius: 12px;
  padding: 16px;
  
}

.crb-content {
  display: grid;
  gap: 14px;
}

.crb-card {
  background: #ffffff;
  border: 1px solid #e5ecf2;
  border-radius: 12px;
  padding: 16px;
}

.crb-card strong {
  display: block;
  margin-bottom: 4px;
}

.crb-value {
  text-align: center;
  padding: 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f0f7ff, #ffffff);
  border: 1px solid #dbeafe;
}

.crb-value span {
  display: block;
  font-size: 1.4rem;
  margin-top: 6px;
}

.crb-footer {
  text-align: center;
  
  max-width: 640px;
  margin: 0 auto;
}

/* JKE CRB Mastery Modal Styles */
.jke-crb-modal {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%);
  padding: 28px 22px;
  border-radius: 14px;
  max-width: 560px;
  margin: 0 auto;
  color: #264E7E;
}

.jke-crb-header {
  text-align: center;
  margin-bottom: 20px;
}

.jke-crb-header h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px;
}

.jke-crb-header p {
  font-size: 14px;
  color: #264E7E;
  margin: 0;
}

.jke-crb-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.jke-crb-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 16px 16px 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  border-left: 4px solid #264E7E;
}

.jke-crb-card h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
}

.jke-crb-card p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #264E7E;
}

.jke-crb-value {
  margin-top: 18px;
  background: #f0f7ff;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  border: 1px solid #dbeafe;
}

.jke-crb-value strong {
  font-size: 15px;
  display: block;
}

.jke-crb-value span {
  font-size: 18px;
  font-weight: 700;
  color: #264E7E;
}

.jke-crb-footer {
  margin-top: 20px;
  text-align: center;
  font-size: 15px;
  color: #5f6f82;
}

.jke-crb-footer strong {
  color: #1B2B40;
}

/* Desktop enhancement */
@media (min-width: 600px) {
  .jke-crb-modal {
    padding: 32px 28px;
  }

  .jke-crb-cards {
    grid-template-columns: 1fr 1fr;
  }
}

.jke-bonus-modal {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%);
  padding: 28px 22px;
  border-radius: 14px;
  max-width: 520px;
  margin: 0 auto;
  color: #264E7E;
}

.jke-bonus-header {
  text-align: center;
  margin-bottom: 20px;
}

.jke-bonus-header h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px;
}

.jke-bonus-header p {
  font-size: 14px;
  color: #264E7E;
  margin: 0;
}

.jke-bonus-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.jke-bonus-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 16px 16px 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  border-left: 4px solid #264E7E;
}

.jke-bonus-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px;
}

.jke-bonus-card p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #264E7E;
}

.jke-bonus-value {
  margin-top: 18px;
  background: #264E7E;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  border: 1px solidrgb(30, 61, 99);
}

.jke-bonus-value strong {
  font-size: 15px;
  display: block;
  color: #ffffff;
}

.jke-bonus-value span {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}

.jke-bonus-footer {
  margin-top: 20px;
  text-align: center;
  font-size: 13px;
  color: #5f6f82;
}

.jke-bonus-footer strong {
  color: #1B2B40;
}

/* Desktop enhancement */
@media (min-width: 600px) {
  .jke-bonus-modal {
    padding: 32px 28px;
  }

  .jke-bonus-cards {
    grid-template-columns: 1fr 1fr;
  }
}


.crb-notice-wrap {
  max-width: 720px;
  padding: 32px;
}

/* Main panel */
.crb-notice-panel {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  padding: 40px 42px;
  color: #264E7E;
}

/* Header */
.crb-notice-header {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(23,145,200,0.18);
}

.crb-notice-header p {
  color: #264E7E;
}

/* Sections */
.crb-notice-section {
  margin-bottom: 26px;
}

.crb-notice-section p {
  margin-bottom: 10px;
}

.crb-notice-section p:last-child {
  margin-bottom: 0;
}

/* Muted incentive block */
.crb-notice-muted {
  background: rgba(23,145,200,0.04);
  border-left: 4px solid #264E7E;
  padding: 18px 22px;
  border-radius: 6px;
}

/* Footer */
.crb-notice-footer {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.06);
  color: #264E7E;
}

.crb-delay-wrap {
  max-width: 720px;
  padding: 32px;
}

/* Main panel */
.crb-delay-panel {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  padding: 40px 42px;
  color: #1b2b40;
}

/* Header */
.crb-delay-header {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(23,145,200,0.18);
}

.crb-delay-header p {
  color: #264E7E;
}

/* Sections */
.crb-delay-section {
  margin-bottom: 26px;
}

.crb-delay-section p {
  margin-bottom: 10px;
}

.crb-delay-section p:last-child {
  margin-bottom: 0;
}

/* Muted apology block */
.crb-delay-muted {
  background: rgba(23,145,200,0.04);
  border-left: 4px solid #264E7E;
  padding: 18px 22px;
  border-radius: 6px;
}

/* Footer */
.crb-delay-footer {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.06);
  color: #264E7E;
}

.scs-highlights {
  --scs-accent: #264e7e; /* Default SCS accent */
  --scs-accent-soft: rgba(38, 78, 126, 0.12); /* Soft background circle */
  max-width: 60rem;
  margin: 20px 0;
  border: 1px solid #dfe5ec;
  background: #f8f9fb;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  overflow: hidden;
  font-family: var(--font-body-family);
}

.scs-highlights__inner {
  padding: 18px 20px 16px;
}

.scs-highlights__title {
  margin: 0 0 12px 0;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: .3px;
  color: #1B2B40;
}

.scs-highlights__list {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.65;
  color: #2f2f2f;
}

.scs-highlights__item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 8px;
}

.scs-highlights__item:last-child {
  margin-bottom: 0;
}

.scs-highlights__check {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  background: #3266A5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
}

.scs-highlights__footer {
  border-top: 1px solid #e6edf5;
  padding-top: 14px;
}

.scs-highlights__summary {
  margin: 0;
  font-size: 1em;
  line-height: 1.6;
  color: #2f2f2f;
}

.scs-highlights__summary a{
  color: #264E7E !important;
}

/* Mobile optimization */
@media (max-width: 749px) {
  .scs-highlights__inner {
    padding: 16px 16px 14px;
  }

  .scs-highlights__list {
    font-size: .95em;
  }
}

.scs_blue {
  color: #3266A5;
}

/* ===== REUSABLE SPECS TABLE ===== */
.spec-section {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 24px;
}

.spec-section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #1e5fa8;
  margin-bottom: 10px;
}

.spec-section h2 {
  font-size: 28px;
  font-weight: 700;
  color: #1c2533;
  margin-bottom: 8px;
}

.spec-section-sub {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 24px;
}

.spec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.spec-row {
  background: #f9f9f9;
  border-radius: 6px;
  padding: 13px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e5ddd4;
  transition: background 0.15s;
}

.spec-row:hover {
  background: #f3f3f3;
}

.spec-k {
  font-size: 15px;
  color: #64748b;
}

.spec-v {
  font-size: 15px;
  font-weight: 700;
  color: #1c2533;
  text-align: right;
}

.spec-value.spec-highlight {
  color: #c0392b;
}

@media (max-width: 600px) {
  .spec-grid {
    grid-template-columns: 1fr;
  }
}
/* ===== END SPECS TABLE ===== */


/* APPLICATIONS */

.SCSapps {
  background: #ffffff;
  padding: 64px 24px;
}

.SCSapps-inner {
  max-width: 980px;
  margin: 0 auto;
}

.SCSapps h2 {
  font-size: clamp(26px, 4.5vw, 42px);
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 8px;
}

.SCSapps-sub {
  font-size: 15px;
  margin-bottom: 32px;
}

.SCSapp-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

/* Desktop – max 3 per row */
@media (min-width: 992px) {
  .SCSapp-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.SCSapp-card {
  background: #f9f9f9;
  border: 1px solid #e5ddd4;
  border-radius: 10px;
  padding: 22px 18px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.SCSapp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.SCSapp-icon {
  font-size: 28px;
  margin-bottom: 10px;
}

.SCSapp-card h3 {
  font-weight: 700;
  margin-bottom: 4px;
  color: #264E7E
}

.SCSapp-card p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
/* ===== END APPS TABLE ===== */



 /* Core palette */
  --pp-navy:        #1c2533;
  --pp-navy-mid:    #2e3d52;
  --pp-blue:        #1e5fa8;
  --pp-blue-bright: #2d7dd2;
  --pp-gold:        #d4a843;
  --pp-gold-pale:   rgba(212,168,67,0.12);
  --pp-gold-border: rgba(212,168,67,0.35);

  /* Backgrounds */
  --pp-cream:  #f7f5f2;
  --pp-light:  #eef1f5;
  --pp-sand:   #e5ddd4;
  --pp-white:  #ffffff;

  /* Text */
  --pp-ink:    #111827;
  --pp-body:   #475569;
  --pp-muted:  #64748b;

  /* Accents on dark */
  --pp-on-dark:        rgba(255,255,255,0.85);
  --pp-on-dark-muted:  rgba(255,255,255,0.5);
  --pp-on-dark-faint:  rgba(255,255,255,0.07);
  --pp-on-dark-border: rgba(255,255,255,0.1);

  /* Spacing scale */
  --pp-section-pad: 64px 24px;
  --pp-section-pad-lg: 80px 24px;
  --pp-max-width: 960px;

  /* Radius */
  --pp-radius-sm: 6px;
  --pp-radius-md: 10px;
  --pp-radius-lg: 14px;
}


/* ── SECTION WRAPPERS ───────────────────────────────────────── */
.pp-section {
  padding: var(--pp-section-pad);
}
.pp-section-lg {
  padding: var(--pp-section-pad-lg);
}
.pp-inner {
  max-width: var(--pp-max-width);
  margin: 0 auto;
}

/* Background variants */
.pp-bg-cream  { background: var(--pp-cream); }
.pp-bg-white  { background: var(--pp-white); }
.pp-bg-light  { background: var(--pp-light); }
.pp-bg-navy   { background: var(--pp-navy);  color: white; }
.pp-bg-blue   { background: var(--pp-blue);  color: white; }
.pp-bg-gradient {
  background: linear-gradient(135deg, var(--pp-blue) 0%, #163d6e 100%);
  color: white;
}

.pp-divider {
  border: none;
  border-top: 1px solid var(--pp-sand);
}


/* ── HERO ───────────────────────────────────────────────────── */
.pp-hero {
  background: var(--pp-navy);
  color: white;
  padding: 70px 24px 60px;
  position: relative;
  overflow: hidden;
}

/* Large watermark text — set data-watermark on the element */
.pp-hero-watermark {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(120px, 20vw, 260px);
  font-weight: 900;
  color: rgba(255,255,255,0.03);
  pointer-events: none;
  line-height: 1;
  letter-spacing: -5px;
  text-transform: uppercase;
  user-select: none;
}

.pp-hero-inner {
  max-width: var(--pp-max-width);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* Origin / eyebrow badge */
.pp-badge {
  display: inline-block;
  background: var(--pp-gold-pale);
  border: 1px solid var(--pp-gold-border);
  color: var(--pp-gold);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: var(--pp-radius-sm);
  margin-bottom: 22px;
}

.pp-hero h1 {
  font-size: clamp(48px, 9vw, 88px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: white;
}
.pp-hero h1 span {
  color: var(--pp-blue-bright);
  display: block;
}

.pp-hero-tagline {
  font-style: italic;
  font-size: 18px;
  color: var(--pp-on-dark-muted);
  margin-bottom: 32px;
  max-width: 520px;
}

/* Stat bar */
.pp-statbar {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  padding-top: 32px;
  border-top: 1px solid var(--pp-on-dark-border);
}
.pp-stat-num {
  font-size: 38px;
  font-weight: 700;
  color: var(--pp-blue-bright);
  line-height: 1;
}
.pp-stat-label {
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


/* ── LEAD / INTRO BANNER ────────────────────────────────────── */
.pp-lead {
  background: var(--pp-blue);
  color: white;
  padding: 50px 24px;
}
.pp-lead-inner {
  max-width: var(--pp-max-width);
  margin: 0 auto;
}
.pp-lead p {
  font-style: italic;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.8;
  max-width: 780px;
  opacity: 0.92;
}
.pp-lead p strong {
  color: white;
  font-style: normal;
}


/* ── SECTION LABELS & HEADINGS ──────────────────────────────── */
.pp-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--pp-blue);
  margin-bottom: 10px;
  display: block;
}
.pp-bg-navy .pp-label,
.pp-bg-blue .pp-label,
.pp-bg-gradient .pp-label { color: #c8d4e0; }

.pp-heading {
  font-size: clamp(28px, 5vw, 44px);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.05;
  color: var(--pp-navy);
  margin-bottom: 18px;
}
.pp-bg-navy .pp-heading,
.pp-bg-blue .pp-heading,
.pp-bg-gradient .pp-heading { color: white; }

.pp-heading em {
  font-style: normal;
  color: var(--pp-blue-bright);
}

.pp-body-text {
  font-size: 15px;
  color: var(--pp-body);
  max-width: 720px;
  margin-bottom: 14px;
  line-height: 1.7;
}
.pp-bg-navy .pp-body-text,
.pp-bg-blue .pp-body-text { color: var(--pp-on-dark-muted); }


/* ── RENOVATOR / STAT BOXES ─────────────────────────────────── */
.pp-reno-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 32px;
}
.pp-reno-text p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--pp-on-dark-muted);
  margin-bottom: 14px;
}
.pp-stat-box {
  background: var(--pp-on-dark-faint);
  border: 1px solid var(--pp-on-dark-border);
  border-left: 3px solid var(--pp-blue-bright);
  border-radius: var(--pp-radius-sm);
  padding: 20px 22px;
  margin-bottom: 14px;
}
.pp-stat-box-num {
  font-size: 48px;
  font-weight: 700;
  color: var(--pp-blue-bright);
  line-height: 1;
}
.pp-stat-box-text {
  font-size: 13px;
  color: var(--pp-on-dark-muted);
  margin-top: 4px;
  line-height: 1.5;
}


/* ── APPLICATION CARDS ──────────────────────────────────────── */
.pp-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.pp-app-card {
  background: var(--pp-white);
  border-radius: var(--pp-radius-md);
  padding: 24px 20px;
  border-top: 3px solid var(--pp-blue);
  box-shadow: 0 1px 6px rgba(10,10,10,0.06);
  transition: transform 0.2s, box-shadow 0.2s;
}
.pp-app-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(10,10,10,0.1);
}
.pp-app-icon {
  font-size: 26px;
  margin-bottom: 12px;
  display: block;
  line-height: 1;
}
.pp-app-card h3 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--pp-navy);
  margin-bottom: 8px;
}
.pp-app-card p {
  font-size: 13px;
  color: var(--pp-muted);
  line-height: 1.6;
  margin: 0;
}

/* Card accent variants */
.pp-app-card.accent-blue  { border-top-color: var(--pp-blue); }
.pp-app-card.accent-gold  { border-top-color: var(--pp-gold); }
.pp-app-card.accent-teal  { border-top-color: #1a7f6e; }


/* ── SPECS TABLE ────────────────────────────────────────────── */
.pp-spec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 28px;
}
.pp-spec-row {
  background: var(--pp-white);
  border-radius: var(--pp-radius-sm);
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e2e8f0;
  transition: background 0.15s;
}
.pp-spec-row:hover { background: #faf9f7; }
.pp-spec-key {
  font-size: 13px;
  color: var(--pp-muted);
}
.pp-spec-val {
  font-size: 16px;
  font-weight: 700;
  color: var(--pp-navy);
}
.pp-spec-val.highlight { color: var(--pp-blue); }


/* ── WHAT'S IN THE BOX ──────────────────────────────────────── */
.pp-box-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  list-style: none;
  margin-top: 32px;
}

.pp-box-list li {
  background: var(--pp-on-dark-faint);
  border: 1px solid var(--pp-on-dark-border);
  border-radius: var(--pp-radius-sm);
  padding: 14px 16px 14px 48px;
  font-size: 14px;
  color: var(--pp-on-dark);
  position: relative;
  line-height: 1.4;
}
.pp-box-list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: var(--pp-blue);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Gold bonus callout */
.pp-bonus {
  margin-top: 20px;
  background: var(--pp-gold-pale);
  border: 1px solid var(--pp-gold-border);
  border-radius: var(--pp-radius-sm);
  padding: 16px 20px;
  color: var(--pp-gold);
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}


/* ── FEATURE LIST ───────────────────────────────────────────── */
.pp-feat-list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--pp-sand);
  border-radius: var(--pp-radius-md);
  overflow: hidden;
  background: var(--pp-white);
  margin-top: 32px;
}
.pp-feat-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--pp-light);
  transition: background 0.15s;
}
.pp-feat-row:last-child { border-bottom: none; }
.pp-feat-row:hover { background: #fafbfc; }
.pp-feat-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pp-blue);
  flex-shrink: 0;
  margin-top: 7px;
}
.pp-feat-row h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--pp-navy);
  margin-bottom: 3px;
}
.pp-feat-row p {
  font-size: 13px;
  color: var(--pp-muted);
  margin: 0;
  line-height: 1.6;
}


/* ── CTA SECTION ────────────────────────────────────────────── */
.pp-cta {
  background: linear-gradient(135deg, var(--pp-blue) 0%, #163d6e 100%);
  color: white;
  text-align: center;
  padding: var(--pp-section-pad-lg);
  position: relative;
  overflow: hidden;
}
.pp-cta::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255,255,255,0.05), transparent 70%);
  pointer-events: none;
}
.pp-cta-inner { position: relative; z-index: 1; }
.pp-cta h2 {
  font-size: clamp(32px, 6vw, 52px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  line-height: 1.05;
  color: white;
  margin-bottom: 14px;
}
.pp-cta-sub {
  font-size: 17px;
  opacity: 0.75;
  max-width: 520px;
  margin: 0 auto 36px;
  font-weight: 300;
}
.pp-cta-btns {
  display: inline-flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.pp-btn-primary {
  background: white;
  color: var(--pp-blue);
  padding: 16px 36px;
  border-radius: var(--pp-radius-sm);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.2s;
}
.pp-btn-primary:hover { opacity: 0.9; }
.pp-btn-outline {
  background: transparent;
  color: white;
  padding: 16px 36px;
  border-radius: var(--pp-radius-sm);
  border: 2px solid rgba(255,255,255,0.35);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  transition: border-color 0.2s;
}
.pp-btn-outline:hover { border-color: white; }
.pp-cta-note {
  margin-top: 24px;
  font-size: 13px;
  opacity: 0.45;
}


/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 640px) {
  .pp-reno-grid,
  .pp-spec-grid { grid-template-columns: 1fr; }
  .pp-hero { padding: 48px 16px; }
  .pp-statbar { gap: 24px; }
}


.tm4-landing{
  /* Color tokens (keeps your current look) */
  --steel:#1c2533;
  --blue:#1e5fa8;
  --blue-bright:#2d7dd2;
  --gold:#d4a843;
  --cream:#f7f5f2;
  --gray:#64748b;
  --light:#eef1f5;

  /* Use Shopify theme fonts automatically */
  font-family: var(--font-body-family, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif);
  color: var(--steel);
  line-height: 1.65;
  background: var(--cream);
}

/* Keep styles contained */
.tm4-landing, .tm4-landing *{ box-sizing:border-box; }
.tm4-landing a{ color:inherit; }
.tm4-landing p, .tm4-landing h1, .tm4-landing h2, .tm4-landing h3{ margin:0; }
.tm4-landing hr{ border:none; border-top:1px solid #dde3eb; }

/* HERO */
.tm4-landing .hero{background:var(--steel);color:white;padding:70px 24px 60px;position:relative;overflow:hidden;}
.tm4-landing .hero::before{
  content:'SCS';
  position:absolute;right:-20px;top:50%;
  transform:translateY(-50%);
  font-size:160px;font-weight:900;
  color:rgba(255,255,255,0.03);
  pointer-events:none;line-height:1;
}

@media only screen and (min-width: 799px) {
.tm4-landing .hero{background:var(--steel);color:white;padding:70px 24px 60px;position:relative;overflow:hidden;}
.tm4-landing .hero::before{
  font-size:260px;font-weight:900;
  }
 }

.tm4-landing .hero-inner{max-width:960px;margin:0 auto;position:relative;z-index:1;}
.tm4-landing .badge{display:inline-block;background:rgba(212,168,67,0.15);border:1px solid rgba(212,168,67,0.4);color:var(--gold);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:4px;margin-bottom:22px;}
.tm4-landing h1{font-size:clamp(48px,9vw,88px);font-weight:900;line-height:0.95;letter-spacing:-1px;text-transform:uppercase;margin-bottom:10px;}
.tm4-landing h1 span{color:var(--blue-bright);display:block;}
.tm4-landing .tagline{font-style:italic;font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:32px;max-width:520px;}
.tm4-landing .stats{display:flex;gap:40px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(255,255,255,0.1);}
.tm4-landing .stat-n{font-size:38px;font-weight:700;color:var(--blue-bright);line-height:1;}
.tm4-landing .stat-l{font-size:12px;color:rgba(255,255,255,0.45);margin-top:3px;text-transform:uppercase;letter-spacing:0.5px;}

/* LEAD */
.tm4-landing .lead{background:var(--blue);color:white;padding:50px 24px;}
.tm4-landing .lead p{font-size:clamp(16px,2vw,20px);line-height:1.75;max-width:780px;margin:0 auto;opacity:0.92;}
.tm4-landing .lead p strong{color:white;}

/* GENERAL WRAP */
.tm4-landing .wrap{max-width:960px;margin:0 auto;padding:64px 24px;}
.tm4-landing .lbl{font-size:12px !important;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:10px;}
.tm4-landing h2{font-size:clamp(28px,5vw,44px);font-weight:700;text-transform:uppercase;line-height:1.05;color:var(--steel);margin-bottom:18px;}
.tm4-landing p.body{font-size:15px;color:#475569;margin-bottom:14px;max-width:720px;}

/* RENOVATOR SECTION */
.tm4-landing .reno{background:var(--steel);color:white;padding:60px 24px;}
.tm4-landing .reno-inner{max-width:960px;margin:0 auto;}
.tm4-landing .reno h2{color:white;}
.tm4-landing .reno h2 em{color:var(--blue-bright);font-style:normal;}
.tm4-landing .reno-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px;}
.tm4-landing .reno p{font-size:16px;line-height:1.7;color:rgba(255,255,255,0.9);margin-bottom:14px;}
.tm4-landing .reno-box{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-left:3px solid var(--blue-bright);border-radius:6px;padding:20px 22px;margin-bottom:14px;}
.tm4-landing .reno-box-n{font-size:48px;font-weight:700;color:var(--blue-bright);line-height:1;}
.tm4-landing .reno-box-t{font-size:13px;color:rgba(255,255,255,0.9);margin-top:4px;}

/* USES */
.tm4-landing .uses{background:var(--light);padding:64px 24px;}
.tm4-landing .uses-inner{max-width:960px;margin:0 auto;}
.tm4-landing .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px;}
.tm4-landing .card{background:white;border-radius:8px;padding:24px 20px;border-top:3px solid var(--blue);box-shadow:0 1px 6px rgba(10,10,10,0.06);transition:transform 0.2s,box-shadow 0.2s;}
.tm4-landing .card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(10,10,10,0.1);}
.tm4-landing .card-icon{font-size:26px;margin-bottom:12px;display:block;}
.tm4-landing .card h3{font-size:20px;font-weight:700;text-transform:uppercase;color:var(--steel);margin-bottom:8px;}
.tm4-landing .card p{font-size:14px;color:var(--gray);line-height:1.6;margin:0;}

/* SPECS */
.tm4-landing .spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;}
.tm4-landing .spec-row{background:white;border-radius:6px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;}
.tm4-landing .spec-k{font-size:15px;color:var(--gray);}
.tm4-landing .spec-v{font-size:17px;font-weight:600;color:var(--steel);}

/* WHAT'S INCLUDED */
.tm4-landing .box-sec{background:var(--steel);color:white;padding:60px 24px;}
.tm4-landing .box-inner{max-width:960px;margin:0 auto;}
.tm4-landing .box-inner h2{color:white;}
.tm4-landing .box-inner h2 span{color:var(--blue-bright);}
.tm4-landing .box-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;margin-top:32px;padding:0;}
.tm4-landing .box-list li{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:14px 16px;font-size:16px;font-weight:600;color:rgba(255,255,255,0.85);padding-left:48px;position:relative;}
.tm4-landing .box-list li::before{content:'✓';position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;text-align:center;line-height:22px;}
.tm4-landing .bonus{margin-top:20px;background:rgba(212,168,67,0.12);border:1px solid rgba(212,168,67,0.3);border-radius:6px;padding:16px 20px;color:var(--gold);font-size:16px;}

/* FEATURE LIST */
.tm4-landing .feat-list{display:flex;flex-direction:column;border:1px solid #dde3eb;border-radius:10px;overflow:hidden;background:white;margin-top:32px;}
.tm4-landing .feat-row{display:flex;align-items:flex-start;gap:20px;padding:20px 24px;border-bottom:1px solid #eef1f5;}
.tm4-landing .feat-row:last-child{border-bottom:none;}
.tm4-landing .feat-row:hover{background:#fafbfc;}
.tm4-landing .feat-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:7px;}
.tm4-landing .feat-row h3{font-size:20px;font-weight:600;color:var(--steel);margin-bottom:3px;}
.tm4-landing .feat-row p{font-size:15px;color:var(--gray);margin:0;line-height:1.6;}

/* CTA */
.tm4-landing .cta{background:linear-gradient(135deg,var(--blue) 0%,#163d6e 100%);color:white;text-align:center;padding:80px 24px;}
.tm4-landing .cta h2{color:white;font-size:clamp(32px,6vw,56px);font-weight:900;margin-bottom:14px;}
.tm4-landing .cta-sub{font-size:17px;opacity:0.8;max-width:520px;margin:0 auto 36px;font-weight:300;}
.tm4-landing .btns{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.tm4-landing .btn-w{background:white;color:var(--blue);padding:16px 36px;border-radius:5px;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:700;text-decoration:none;display:inline-block;}
.tm4-landing .btn-o{background:transparent;color:white;padding:16px 36px;border-radius:5px;border:2px solid rgba(255,255,255,0.4);font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:700;text-decoration:none;display:inline-block;}
.tm4-landing .guar{margin-top:28px;font-size:15px;opacity:0.85;}

/* RESPONSIVE */
@media(max-width:640px){
  .tm4-landing .reno-grid,
  .tm4-landing .spec-grid{grid-template-columns:1fr;}
}

/* DELIVERY DATE */
.scs-delivery-estimate {
  margin-top: 10px;
  padding: 10px 12px;
  background: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  line-height: 1.4;
  color: #183546;
  border-radius: 4px;
}

/* Package Includes */

.package-includes-box {
  width: 100%;
  margin: 20px auto;
  background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
  border: 1px solid #dbe3ec;
  border-radius: 1px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(17, 34, 68, 0.08);
}

.package-includes-title {
  background: linear-gradient(135deg, #1c2533 0%, #264f7d 100%);
  color: #ffffff;
  padding: 14px 18px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3;
}

.package-includes-list {
  margin: 20px 5px !important;
  padding: 16px 18px 18px 34px;
  color: #2f3b4a;
}

.package-includes-list li {
  margin: 0 0 10px;
  line-height: 1.55;
  font-size: 0.85em;
  font-weight: 600;
}

.package-includes-list li:last-child {
  margin-bottom: 0;
}

.package-includes-list a {
  text-decoration: none;
  font-weight: 600;
}

.package-includes-list a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 749px) {
  .package-includes-box {
    border-radius: 1px;
  }

  .package-includes-title {
    padding: 13px 15px;
    font-size: 0.92em;
  }

  .package-includes-list {
    padding: 14px 16px 16px 30px;
  }

  .package-includes-list li {
    font-size: 0.92em;
    margin-bottom: 9px;
  }
}

.scsdiscountNOTE {
  font-size: .8em;
  padding-top: 8px;
  font-weight: 400 !important;
}