#main>.container {
    width:100%;
    padding:0;
  }
  p {
    font-size:unset !important;
  }
  svg {
    height: 1em;
    width: 1em;
    font-size: 26px;
	}
  .f-white { color: #ffffff !important; }
  .f-black { color: #000000 !important; }
  .f-green { color: #48bb76 !important; }
  .f-orange { color: #f66949 !important; }
  .f-pink { color: #f13682 !important; }
  .f-teal { color: #2bb3b6 !important; }
  .f-yellow { color: #ffcd54 !important; }
  .f-purple { color: #9690c6 !important; }
  .f-lavender { color: #d890be !important; }
  .f-red-orange { color: #f44f47 !important; }
  
  .text-center {
    text-align: center !important;
  }

  .bold-900, .btn.bold-900:hover {
    font-weight: 900 !important;
}

  .flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
    row-gap: 30px;
}
.justify-center {
    justify-content: center;
}
.w-100 {
    width: 100%;
}
.maxw-1400 {
    max-width: 1400px;;
}
  .video-container {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
  }
  .video-container a {
    position: relative;
    display: block;
	}
  .video-container a img, 
  .video-container a video {
    width: 100%;
    border-radius: 15px !important;
    height: auto;
    object-fit: cover;
    user-select: none;
  }
  .video-container a span {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    background-color: #343a44 !important;
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 700;
    font-size: 18px !important;
    transition: background-color 0.25s ease !important;
	}
  .video-container a:hover span {
    background-color: #0b99ff !important;
	}
  .video-container a span svg {
    height: 1em;
    font-size:18px;
    vertical-align: -.125em;
    fill: #fff;
    color: #fff;
  }
  h1.ls, h2.ls, h3.ls {
    letter-spacing: -1px !important;
  }

  .bg-white {
      background-color: #ffffff !important;
  }

  
  .pre-header {
    font-size: 20px !important;
  }

.btn {
	color: #FFFFFF !important;
	border-width: 0px !important;
	border-radius: 12px !important;
  padding:17px 30px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease !important;
}

.btn:hover {
	font-weight: 800 !important;
}

.btn.btn-add-cart {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 24px;
  width: auto;
  min-width: 110px;
  max-width: 100%;
  background-color: #343a44;
  transition: 0.15s ease background-color;
  border-radius: 30px;
  font-weight: 800;
  letter-spacing: .05rem;
  display: inline-block;
  position: absolute;
  right: 7%;
  bottom: 5%;
}

.btn.btn-add-cart:hover {
  background-color: #424e57;
  color:#fff;
}

.btn.btn-add-cart i,
.btn.btn-add-cart svg {
  margin-right: 5px;
}

.btn.btn-gradient-orange {
	background: linear-gradient(90deg, #ffa68d, #ffc579);
  transition: 0.25s background ease;
  color:#343a44;
  text-transform: uppercase;
}

.btn.btn-gradient-orange:hover {
	background: linear-gradient(14deg, #ffa68d, #ffc579);
}

.btn.btn-blue {
	background-color: #0b99ff !important;
}

.btn.btn-blue:hover {
	background-color: #0160a5 !important;
	color: #FFFFFF !important;
}

.btn.btn-gray {
  background-color: #ededef !important;
  color: #343a44 !important;
}

.btn.btn-gray:hover {
  background-color: #dddddd !important;
}

.btn.btn-orange {
	background-color: #ff7a01;
}

.btn.btn-orange:hover {
	background-color: #fe9330;
	color: #FFFFFF;
}

.btn.btn-med-aloe {
	background-color: #017565;
}

.btn.btn-med-aloe:hover {
	background-color: #158878;
	color: #FFFFFF;
}

.btn.btn-dark-aloe {
	background-color: #004a32;
}

.btn.btn-dark-aloe:hover {
	background-color: #12644a;
	color: #FFFFFF;
}

.br-15 {
      border-radius: 15px !important;
  }
  .br-50 {
      border-radius: 50px !important;
  }

  #lr-hero .hero-ctas .btn {
    padding: 17px 5% !important;
    border-radius: 50px !important;
    display:flex !important;
    align-items:center !important;
  }

  #lr-hero .hero-ctas .btn:first-of-type svg {
    fill:#fff;
    color:#fff;
    stroke:#fff;
  }

  #lr-hero .hero-ctas {
    display:flex;
    gap:10px;
  }

  #lr-hero .hero-ctas .btn.launchVideo {
    padding:17px !important;
  }

  #lr-hero .hero-ctas svg {
    height:1em;
    vertical-align: -.125em;
    fill:#343a44;
    color:#343a44;
    font-size: 24px;
  }

	.checkmarks {
    margin-left: 80px;
    margin-bottom: 35px;
    margin-top: -10px;
  }

  .checkmarks li {
    padding: 5px 0;
    margin-bottom: 10px !important;
    list-style: none;
    font-size: 1.13rem;
    font-weight:600;
    line-height: 1.4em !important;
    display: flex;
    align-items: center;
  }

  .checkmarks li::before,
  .checkmarks li svg {
    font-family: "Font Awesome 5 Pro";
    font-weight: 800;
    content: "\f058";
    margin: 0px 11px 0 -42px;
    font-size: 26px;
    vertical-align: -4px;
    float: left;
    color:#4bbd77;
  }

  .checkmarks.empty li::before,
  .checkmarks.empty li svg {
    font-weight: 400;
    content: "\f111";
  }

  .checkmarks li:nth-child(1) svg { color: #2bb3b6; }
  .checkmarks li:nth-child(2) svg { color: #f66949; }
  .checkmarks li:nth-child(3) svg { color: #ffcd54; }
  .checkmarks li:nth-child(4) svg { color: #9690c6; }
  .checkmarks li:nth-child(5) svg { color: #4bbd77; }
  .checkmarks li:nth-child(6) svg { color: #f13682; }
  .checkmarks li:nth-child(7) svg { color: #2bb3b6; }
  .checkmarks li:nth-child(8) svg { color: #f66949; }
  .checkmarks li:nth-child(9) svg { color: #ffcd54; }
  .checkmarks li:nth-child(10) svg { color: #9690c6; }
  .checkmarks li:nth-child(11) svg { color: #4bbd77; }
  .checkmarks li:nth-child(12) svg { color: #f13682; }

  .checkmarks li:before {
    color: #f5f5f700 !important;
	}
  #opp-marquee {
  position:relative;
  padding: 46px 0 !important;
  box-shadow: 0 5px 18px 0 rgba(0,0,0,.2) !important;
  z-index:10;
  overflow:hidden;
  width:100vw;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

#opp-marquee>.flex {
  display: inline-flex;
  flex-direction:row;
}

#opp-marquee::before,
#opp-marquee::after {
  content: '';
  position: absolute;
  top:0;
  bottom: 0;
  width: 8vw;
  backdrop-filter: blur(10px) saturate(1.2);
  mask: linear-gradient(to left, transparent 0%, black 100%);
  z-index:1;
}

#opp-marquee::before {
  left: 0;
  /* background-color: #ffa68d; */
  mask: linear-gradient(to left, transparent 0%, black 100%);
}

#opp-marquee::after {
  right: 0;
  /* background-color: #ffc579; */
  mask: linear-gradient(to right, transparent 0%, black 100%);
}

.marquee-content {
  display: inline-flex;
  gap: 15px;
  margin-right:15px !important;
}

.marquee-content p {
    padding: 10px 30px !important;
    background-color: rgb(255 255 255 / 75%) !important;
    border-radius: 50px !important;
    font-weight: 900;
    color: #343a44;
    text-transform: uppercase;
    font-size: 15px !important;
    letter-spacing:0.5px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 0;
}
  .witf .who-belly {
    background-image: linear-gradient(180deg,rgba(16, 7, 0, 0) 50%,rgba(16, 7, 0, 0.9)), url('https://usa.mannatech.com/content/liverreset/who-belly.jpg') !important;
    background-size:cover !important;
    border-radius: 15px !important;
    min-height: 425px !important;
    position:relative !important;
  }

  .witf .who-sleep {
    background-image: linear-gradient(180deg,rgba(16, 7, 0, 0) 50%,rgba(16, 7, 0, 0.9)), url('https://usa.mannatech.com/content/liverreset/who-eating-habits.jpg') !important;
    background-size:cover !important;
    border-radius: 15px !important;
    min-height: 425px !important;
    position:relative !important;
  }

  .witf .who-stress {
    background-image: linear-gradient(180deg,rgba(16, 7, 0, 0) 50%,rgba(16, 7, 0, 0.9)), url('https://usa.mannatech.com/content/liverreset/who-stress.jpg') !important;
    background-size:cover !important;
    border-radius: 15px !important;
    min-height: 425px !important;
    position:relative !important;
  }

  .witf .who-drink {
    background-image: linear-gradient(180deg,rgba(16, 7, 0, 0) 50%,rgba(16, 7, 0, 0.9)), url('https://usa.mannatech.com/content/liverreset/who-drink.jpg') !important;
    background-size:cover !important;
    border-radius: 15px !important;
    min-height: 425px !important;
    position:relative !important;
  }

  .witf .et_pb_text {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
  }

  .witf h3 {
    margin:12px !important;
    font-size: 20px !important;
    line-height: 1.1em !important;
    font-weight: 700 !important;
    color: #fff !important;
    position: absolute;
    bottom: 0;

    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px !important;
    text-align: left !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: #ffffff1a !important;
  }
 
  #lr-review-highlight {
    /* background: linear-gradient(180deg, #fff 0%, #fff 50%, #f5f5f7 50%, #f5f5f7 100%); */
    background: radial-gradient(ellipse, #464c55 0%, #2a2e36 120%) !important;
    box-shadow: 0 5px 40px rgb(42 50 83 / 35%), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  #lr-review-highlight .lr-review-highlight-content {
    /* background-color: #2a2e35; */
    position: relative;
    overflow: hidden;
    padding:40px 40px !important;
    color:#fff !important;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #lr-review-highlight .lr-review-highlight-content p.lr-review {
    font-style:italic;
    font-weight:800;
    font-size:30px !important;
    /* min-height: 8em; */
    white-space: pre-wrap;
    word-wrap: break-word;
    transition: opacity 0.9s ease;
    will-change: opacity, visibility;
    backface-visibility: hidden;
    font-family: "Lora", serif !important;
  }

  /* Blinking cursor – appears only while typing */
  .lr-review.cursor-blink::after {
    content: '|';
    display: inline;
    font-style: normal;
    margin-left: 5px;
    margin-top:-5px;
    /* vertical-align:4px; */
    color: #ffffff;
    animation: blink 0.85s step-end infinite;
  }

  @keyframes blink {
    50% { opacity: 0; }
  }

  #lr-review-highlight .lr-review-highlight-content p.cite {
    display:block;
    text-align:right;
    font-weight:800;
    font-family: "Lato", serif !important;
    margin-bottom:0;
    font-size:19px !important;
    position: absolute;
    right: 25px;
    bottom: 40px;
    transition: opacity 0.9s ease;
    opacity: 0;
  }

  #glycan-blocks svg {
    font-size: 35px !important;
  }

  #lr-overview .overview-ctas {
    display:flex;
    gap:10px;
  }

  #lr-overview .overview-ctas .btn {
    padding: 17px 15% !important;
    border-radius: 50px !important;
    display:flex;
    align-items:center;
  }

  #lr-overview .overview-ctas .btn.launchVideo {
    padding:17px !important;
  }

  #lr-overview .overview-ctas svg {
    height:1em;
    vertical-align: -.125em;
    fill:#343a44;
    color:#343a44;
    font-size: 24px;
  }

  .phase-card h3.phase-preheader,
  .et-db #et-boc .et-l .et_pb_module h3.phase-preheader {
    padding: 10px 25px 10px 40px !important;
    color: #fff !important;
    display: inline-flex !important;
    border-radius: 0 50px 50px 0 !important;
    margin-left: -40px !important;
    margin-bottom: 5px !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    gap: 12px !important;
    box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 10%) !important;
  }

  .phase-card.phase1 h3.phase-preheader {
    background-color: #48bb76 !important;
  }

  .phase-card.phase2 h3.phase-preheader {
      background-color: #f13683 !important;
  }

  .phase-card h4 span.goal-desc {
    padding: 2px 0 !important;
  }

  .phase-card ul.checkmarks {
    margin-left: 40px !important;
    margin-bottom: 24px !important;
    margin-top: 15px !important;
  }

  .phase-card ul.checkmarks li {
    display: block;
    font-size: 16px !important;
    margin-bottom: 10px !important;
    line-height: 1.35 !important;
    color: #63636d !important;
    font-weight: 500 !important;
  }

  .phase-card ul.checkmarks li strong {
    display:block;
    color:#343a44 !important;
    text-transform: uppercase;
    font-size:15px !important;
    font-weight:900;
    letter-spacing:1px !important;
    margin-bottom:1px;
  }

  .phase-card ul.checkmarks li span.protein-route {
    font-size: 12px !important;
    background-color: #f66949 !important;
    color: #fff !important;
    padding: 1px 5px 2px !important;
    border-radius: 5px !important;
    font-weight: 900 !important;
    display: inline-block;
  }

  .phase-card ul.checkmarks li span.plant-route {
    font-size: 12px;
    background-color: #48bb76 !important;
    color: #fff !important;
    padding: 1px 5px 2px !important;
    border-radius: 5px !important;
    font-weight: 900;
    display: inline-block;
  }

  .phase-card ul.checkmarks li svg {
    margin-top: -3px;
  }

  .phase-card ul.checkmarks li strong {
    display: block !important;
    color: #343a44 !important;
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    margin-bottom: 1px !important;
  }

  p.lr-hiw-wte {
    font-size: 18px !important;
    margin-bottom: 0;
  }

  #lr-glycan-desc, 
  #lr-how-it-works-desc {
    font-size: 20px !important;
  }

  /* Highlighter */
  .highlighter {
    display: inline!important;
    padding: 0 3px!important;
    margin: 0 -3px!important;
    background-size: 100% 0.75em!important;
    background-position: 0 60%!important;
    background-repeat: no-repeat!important;
  }

  .highlighter.h-orange {
    background-image: linear-gradient(#ff8f70, #ff8f70) !important;
  }

  .highlighter.h-yellow {
    background-image: linear-gradient(#ffc84e, #ffc84e) !important;
  }

  .highlighter.h-lightgreen {
    background-image: linear-gradient(#7edca4, #7edca4) !important;
  }

  /* Products Section */
  #lr-products {
    padding: 8vh 0 5vh;
    background-color: #f5f5f7;
  }

  #lr-products h2 {
    font-weight: 900 !important;
    font-size: 47px !important;
    margin-bottom: 14px !important;
    letter-spacing: -1px !important;
    line-height: 1em !important;
  }

  #lr-products #lr-products-desc {
    max-width:850px;
    margin-left: auto;
    margin-right: auto;
    font-size:20px !important;
  }

  #lr-products p.pre-header {
    font-size: 20px !important;
  }

  #lr-products p {
    font-size: 20px !important;
    line-height: 1.47;
    margin-bottom: 0;
  }

  #lr-products .swiper-slide {
    height:stretch;
    height:-webkit-fill-available;
    height:100%;
  }

  #lr-products .product-card {
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    text-align: center !important;
    padding: 15px 15px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease !important;
    background-size: cover !important;
    background-position: bottom center !important;
    background-repeat:no-repeat !important;
  }

  #lr-products .product-image {
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem !important;
  }

  #lr-products .product-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
  }

  #lr-products .product-card .product-card-content {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 20px;
    text-align: left;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: #ffffff1a;
  }

  #lr-products .product-card h3 {
    font-size: 22px;
    font-weight:900;
    margin: 0 0 0.5rem !important;
    padding-bottom: 0 !important;
    color: #fff;
  }

  #lr-products .product-card p {
    font-size: 15px !important;
    font-weight: 600;
    color: #fff !important;
    margin: 0 !important;
    line-height: 1.4;
  }

  #lr-products .product-card#truhealth-shake {
    background-image: linear-gradient(180deg, rgba(16, 7, 0, 0) 60%, rgb(29 29 33 / 65%)), url(https://us.mannatech.com/wp-content/uploads/sites/4/2026/04/lifestyle-truhealth-shake.jpg);
  }

  #lr-products .product-card#truhealth-cleanse {
    background-image: linear-gradient(180deg, rgba(16, 7, 0, 0) 60%, rgb(29 29 33 / 65%)), url(https://us.mannatech.com/wp-content/uploads/sites/4/2026/04/lifestyle-truhealth-cleanse-2.jpg);
  }

  #lr-products .product-card#gi-probalance {
    background-image: linear-gradient(180deg, rgba(16, 7, 0, 0) 60%, rgb(29 29 33 / 65%)), url(https://us.mannatech.com/wp-content/uploads/sites/4/2026/04/lifestyle-gi-probalance.jpeg);
  }

   #lr-products .product-card#ambrotose {
    background-image: linear-gradient(180deg, rgba(16, 7, 0, 0) 60%, rgb(29 29 33 / 65%)), url(https://us.mannatech.com/wp-content/uploads/sites/4/2026/04/lifestyle-ambrotose-life.jpg);
   }

   #lr-products .product-card#truhealth-satiety {
    background-image: linear-gradient(180deg, rgba(16, 7, 0, 0) 60%, rgb(29 29 33 / 65%)), url(https://us.mannatech.com/wp-content/uploads/sites/4/2026/04/lifestyle-satiety.jpeg);
   }

   #lr-products .product-info-sheet {
    position: relative;
    background-color: #e2e2e3 !important;
    margin: 20px auto !important;
    display: flex;
    flex-direction: row-reverse;
    gap:10px;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-size:15px;
    font-weight: 800 !important;
    color:#343a44 !important;
    transition: background-color 0.25s ease !important;
   }

  #lr-products .product-info-sheet svg {
    height: 1em;
    width: 1em;
    vertical-align: -.125em;
    font-size: 15px;
    fill:#343a44;
    stroke:#343a44;
    color:#343a44;
  }

   #lr-products .product-info-sheet:hover {
    background-color: #c8c8c9 !important;
    color:#343a44 !important;
   }

   #lr-products .product-info-sheet::before {
    content: '';
    position: absolute;
    top: -27px;
    left: auto;
    right: auto;
    height: 30px;
    width: 1px;
    border: 1px dashed #e2e2e3;
    z-index: -1;
   }

/* Results Section */
  #lr-results {
    padding: 60px 0 30px!important;
    background: linear-gradient(180deg, #2a2e35 0%, #2a2e35 100%)!important;
    color: #ffffff!important;
  }

  #lr-results h2 {
    font-weight: 900!important;
    font-size: 47px!important;
    margin-bottom: 24px!important;
    letter-spacing: -1px!important;
    line-height: 1em!important;
  }

  #lr-results #lr-results-desc {
    max-width:850px!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }

  #lr-results p.pre-header {
    font-size: 20px!important;
  }

  #lr-results p.disclaimer {
    text-align: center!important;
    font-size: 12px !important;
    color: #90969e!important;
    margin: 20px 0 0!important;
  }

  #lr-results .checkmarks {
    margin-top: 10px!important;
  }

  #lr-results .before-after {
    margin-top: -20px !important;
    margin-bottom: -120px !important;
  }

.vertical-marquee {
  width: stretch;
  width: -webkit-fill-available;
  height: stretch;
  height: -webkit-fill-available;
  max-height: 700px;
  overflow: hidden;
  position: relative;
  margin: 0 30px;
  border-radius: 15px;
  padding: 0 5px;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.vertical-marquee::before, 
.vertical-marquee::after {
  content: '';
  position: absolute;
  left:0;
  right: 0;
  height: 100px;
  z-index:1;
}

.vertical-marquee::before {
  pointer-events: none;
  top: 0;
  background: linear-gradient(to top, #2a2e3600 0%, #2a2e36 90%)
}

.vertical-marquee::after {
  pointer-events: none;
  bottom: 0;
  background:linear-gradient(to bottom, #2a2e3600 0%, #2a2e36 90%)
}

/* Base animation */
.vertical-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 0;
  will-change: transform;
  animation: scroll-up 120s linear infinite;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* JS-controlled pause (tap) — highest priority */
.vertical-wrapper.paused {
  animation-play-state: paused !important;
}

/* Hover pause ONLY on devices that can truly hover (mouse/trackpad) */
@media (hover: hover) and (pointer: fine) {
  .vertical-marquee:hover .vertical-wrapper {
    animation-play-state: paused;
  }
}

  /* Adjust duration to control speed (lower = faster) */
  @keyframes scroll-up {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(calc(-50%)); /* tiny offset helps some WebKit bugs */
    }
  }

.vertical-marquee .marquee-paused {
  opacity:0;
}



/* .vertical-marquee::after {
  content: "Paused – Tap to Resume";
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;
  text-align: center;
  height: fit-content;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-weight: 900;
  backdrop-filter: blur(4px);
  padding: 23px 24px;
  border-radius: 50px;
  font-size: 1.1rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 5;
}

.vertical-marquee:has(.vertical-wrapper.paused)::after {
  opacity: 1;
} */

.testimonial-item {
  flex: 0 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.testimonial-item blockquote {
  position: relative !important;
  background-color:#444950 !important;
  margin: 0 auto 30px !important;
  border:0 !important;
  border-radius: 15px !important;
  padding: 20px 24px !important;
  margin-bottom:30px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  max-width: 85% !important;
}

/* Left-aligned (odd items) */
.testimonial-item:nth-child(odd) blockquote {
  margin-left: 0 !important;
  margin-right: auto !important;
  border-bottom-left-radius: 4px !important;   /* flatter on left */
  border-top-right-radius: 15px !important;
}

/* Right-aligned (even items) */
.testimonial-item:nth-child(even) blockquote {
  background-color:#525a64 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  border-bottom-right-radius: 4px !important;  /* flatter on right */
  border-top-left-radius: 15px !important;
}

/* Optional: Add small tail/arrow for chat-like feel (pure CSS) */
.testimonial-item:nth-child(odd) blockquote::after {
  content: '' !important;
  position: absolute !important;
  bottom: -12px !important;
  left: 24px !important;
  width: 0 !important;
  height: 0 !important;
  border: 8px solid transparent !important;
  border-top-color: #444950 !important;
  border-left-color: #444950 !important;
}

.testimonial-item:nth-child(even) blockquote::after {
  content: '' !important;
  position: absolute !important;
  bottom: -12px !important;
  right: 24px !important;
  width: 0 !important;
  height: 0 !important;
  border: 8px solid transparent !important;
  border-top-color: #525a64 !important;
  border-right-color: #525a64 !important;
}

.testimonial-item cite {
  display: block !important;
  margin-top: 12px !important;
  text-align: right !important;
  font-weight: bold !important;
  color:#fff !important;
}

/* Name/cite alignment matches bubble side */
.testimonial-item:nth-child(odd) cite {
  text-align: left !important;
}

.testimonial-item:nth-child(even) cite {
  text-align: right !important;
}

#lr-results .testimonial-item blockquote p {
  font-size: 19px!important;
  font-weight: 600!important;
  color: #d6dae1!important;
  line-height: 1.47!important;
  margin-bottom: 24px!important;
  font-style: italic!important;
}

#lr-community {
    padding: 9vh 4%;
    background-color: #f5f5f7;
  }

  #lr-community h2 {
    font-weight: 900 !important;
    font-size: 47px !important;
    margin-bottom: 24px !important;
    letter-spacing: -1px !important;
    line-height: 1em !important;
  }

  #lr-community #lr-community-desc {
    max-width:750px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 20px !important;
  }

  #lr-community p.pre-header {
    font-size: 20px !important;
    margin-bottom: 17px !important;
    padding: 0 !important;
  }

  #lr-community p {
    font-size: 16px !important;
    line-height: 1.47 !important;
    margin-bottom: 24px !important;
  }

  #lr-community .community-block {
    background-color:#fff !important;
    border-radius:15px !important;
    height: stretch !important;
    padding: 30px !important;
    height: -webkit-fill-available !important;
    height: 100% !important;
  }

  #lr-community .community-block h3 {
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
  }

  #lr-community .community-block ul {
    margin-top:24px !important;
    margin-bottom:0 !important;
  }

  #lr-community .whatsapp-blocks-container {
    flex-direction: row !important;
    gap: 5.5% !important;
    width: 100% !important;
    margin-top:30px !important;
  }

  #lr-community .whatsapp-blocks-container .whatsapp-block {
    width: 50% !important;
    justify-content: center !important;
    margin: 0 !important;
    font-size: 16px !important;
  }

  .whatsapp-blocks-container {
    display: flex!important;
    flex-direction: column!important;
    gap: 10px!important;
    margin:20px 0 10px !important;
  }

  .whatsapp-blocks-container .whatsapp-block {
    display: flex !important;
    align-items: center !important;
    background-color: #28d366 !important;
    color:#111b21 !important;
    padding: 10px 15px !important;
    gap: 15px !important;
    border-radius: 9px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    transition: background-color 0.25s ease !important;
  }

  .whatsapp-blocks-container .whatsapp-block:hover {
    background-color: #3ddd78 !important;
  }

  .whatsapp-blocks-container .whatsapp-block svg {
    font-size: 30px !important;
  }

  .whatsapp-blocks-container .whatsapp-block:last-of-type {
    background-color: #111b21 !important;
    color:#28d366 !important;
  }

  .whatsapp-blocks-container .whatsapp-block:last-of-type:hover {
    background-color: #25333c !important;
  }


  /* FAQ Section */
  #lr-faq {
    padding: 7vh 4%;
    background-color: #ffffff;
  }

  #lr-faq h2 {
    font-weight: 900 !important;
    font-size: 47px !important;
    margin-bottom: 24px !important;
    letter-spacing: -1px !important;
    line-height: 1em !important;
  }

  #lr-faq #lr-faq-desc {
    max-width:850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #lr-faq p.pre-header {
    font-size: 20px !important;
    margin-bottom: 17px !important;
  }

  #lr-faq p {
    font-size: 18px !important;
    line-height: 1.47 !important;
  }

  .faq-item {
    background-color: #f5f5f7 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
  }

  .faq-item h4 {
    font-weight: 800 !important;
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .faq-item p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
  }

  #lr-closed {
    padding: 7vh 0;
    background: linear-gradient(180deg, #e3f2ff 20%, #f5f5f7 100%);
  }

  #lr-closed h2 {
    font-weight: 900 !important;
    font-size: 47px !important;
    margin-bottom: 24px !important;
    letter-spacing: -1px !important;
    line-height: 1em !important;
  }

  #lr-closed h3 {
    font-size: 24px !important;
    text-align: center !important;
    font-weight: 700 !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    line-height: 1.2em !important;
    color: #f66949 !important;
  }

  #lr-closed #lr-closed-desc {
    max-width:630px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #lr-closed p.pre-header {
    font-size: 20px !important;
    margin-bottom: 17px !important;
  }

  #lr-closed p {
    font-size: 18px !important;
    line-height: 1.47 !important;
    margin-bottom: 24px !important;
  }

  .bubble-container {
  position: relative !important; /* changed from absolute → flex handles positioning */
  width: 100% !important;
  max-width: 1200px !important;           /* cap on very wide screens */
  min-height: 100px !important;           /* give space for horizontal layout */
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px !important;                   /* space between bubbles */
  perspective: 1200px !important;             /* for 3D transform depth */
}

/* Mobile-first: vertical stack (column) by default */
.bubble-container {
  flex-direction: column !important;
}

/* Desktop / wider screens: switch to horizontal row */
@media (min-width: 768px) {    /* common tablet/desktop breakpoint; adjust if needed (e.g. 992px) */
  .bubble-container {
    flex-direction: row !important;
    min-height: 100px !important;
    padding: 40px 0 0 !important;
  }
}

.bubble {
  position: relative !important;          /* changed from absolute → flex handles positioning */
  width: 240px !important;
  padding: 24px 30px !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white  !important;
  font-family: system-ui, sans-serif  !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  pointer-events: none !important;
  user-select: none !important;
  will-change: transform !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

/* Organic floating animation – now works on top of flex positioning */
@keyframes float-organic {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(calc(14px * var(--rand-x)), calc(18px * var(--rand-y))) 
                rotate(calc(2.2deg * var(--rand-r))) scale(1.015);
  }
  40% {
    transform: translate(calc(-16px * var(--rand-x)), calc(-12px * var(--rand-y))) 
                rotate(calc(-3deg * var(--rand-r))) scale(0.985);
  }
  60% {
    transform: translate(calc(10px * var(--rand-x)), calc(20px * var(--rand-y))) 
                rotate(calc(1.8deg * var(--rand-r))) scale(1.008);
  }
  80% {
    transform: translate(calc(-18px * var(--rand-x)), calc(-14px * var(--rand-y))) 
                rotate(calc(-2.5deg * var(--rand-r))) scale(1.012);
  }
}

/* Assign unique random factors and animation durations/delays to each bubble */
/* Assign a unique gradient + slight shadow tint to each bubble */
.bubble:nth-child(1) {
  --rand-x: 0.8; --rand-y: 0.6; --rand-r: 1.0;
  background: linear-gradient(34deg, #2bb3b6 0%, #4dd0d3 100%, #1a8a8d 100%) !important;
  box-shadow: 0 12px 40px rgba(43, 179, 182, 0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  animation: float-organic 14s ease-in-out infinite;
}

.bubble:nth-child(2) {
  --rand-x: 1.1; --rand-y: -0.4; --rand-r: 0.9;
  background: linear-gradient(34deg, #9690c6 0%, #b0ace0 100%, #7a74b0 100%) !important;
  box-shadow: 0 12px 40px rgba(150, 144, 198, 0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  animation: float-organic 17s ease-in-out infinite;
  animation-delay: -4.1s;
}

.bubble:nth-child(3) {
  --rand-x: -0.7; --rand-y: 1.0; --rand-r: 1.3;
  background: linear-gradient(34deg, #3EBD77 0%, #6adca2 100%, #2a9c5c 100%) !important;
  box-shadow: 0 12px 40px rgba(62, 189, 119, 0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  animation: float-organic 11.5s ease-in-out infinite;
  animation-delay: -8.3s;
}

.bubble:nth-child(4) {
  --rand-x: 0.5; --rand-y: 0.9; --rand-r: -1.1;
  background: linear-gradient(34deg, #f13682 0%, #ff6aa8 100%, #c7205e 100%) !important;
  box-shadow: 0 12px 40px rgba(241, 54, 130, 0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  animation: float-organic 15.5s ease-in-out infinite;
  animation-delay: -11.7s;
}

/* Optional: slight size/tweak adjustments per breakpoint */
@media (min-width: 768px) {
  .bubble {
    width: 260px;              /* a bit larger on desktop if desired */
  }
}

@media (max-width: 480px) {
  .bubble {
    width: 100%;
    max-width: 350px;
  }
}


/* CTA Section */
  #lr-cta {
    padding: 9vh 4%;
    /* background: linear-gradient(180deg, #f5f5f7 0%, #d8dbe0 100%); */
  }

  #lr-cta p.pre-header {
    font-size: 20px !important;
    margin-bottom: 17px !important;
  }

#lr-cta h2 {
  font-weight: 900 !important;
  font-size: 47px !important;
  line-height: 1em !important;
  margin-bottom: 20px !important;
}

#lr-cta #lr-cta-content-description p {
  font-size: 18px !important;
  line-height: 1.47 !important;
  max-width: 700px  !important;
  margin: 0 auto !important;
}

#lr-cta #lr-cta-product-content {
  /* background-image: linear-gradient(180deg, #f5f5f7 0%, #d9dbe1 100%); */
  /* background-color: #f5f5f7; */
  /* border-radius: 15px; */
  overflow: visible;
}

#lr-cta #resource-downloads h2 {
  font-weight: 900 !important;
  font-size: 38px !important;
  line-height: 1em !important;
  margin-bottom: 20px !important;
}

.et-db #et-boc .et-l #lr-cta .et_pb_module .prod-wrap {
    background-color: #fff;
    margin-bottom: 0;
}

.resource {
  padding: 20px 30px !important;
  font-size: 20px !important;
  font-weight:800 !important;
  color: #000000 !important;
  display: block !important;
  margin:0 0 20px !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.resource>span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.resource:last-of-type {
  margin-bottom:0px !important;
}

.resource:hover {
  color: #259aff !important;
  font-weight:800 !important;
}

.resource svg {
  width: 1em !important;
  height: 1em !important;
  vertical-align: -.125em !important;
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  display: inline-block !important;
  float: right !important;
  font-size: 24px !important;
  margin-top: 2px !important;
  transition: 0.15s ease all !important;
}

.resource:hover svg {
  color: #259aff !important;
  fill: #259aff !important;
  stroke: #259aff !important;
}

.upsell-group p {
  font-weight:800;
  line-height: 20px;
  font-size: 16px !important;
}

.upsell-group i {
      font-size: 34px;
      padding: 2px 0 14px;
  }

  .upsell-group #guarantee i {
      color: #ff0053;
  }

  .upsell-group #free-shipping i {
      color: #2da3f1;
  }

  .upsell-group #loyalty i {
      color: #36ca79;
  }

  .upsell-group #m5m i {
      color: #ff8200;
  }

.contact-custserv {
    display: flex;
    align-items: center;
    background-color: #e2e2e3 !important;
    color: #343a44 !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    gap: 17px;
    border-radius: 9px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
  }

  .contact-custserv:hover {
    background-color: #0b99ff !important;
    color: #fff !important;
    font-weight:900 !important;
  }

  .contact-custserv svg {
    font-size: 24px !important;
    margin-left:2px !important;
  }


.swiper-wrapper {
  transition-property: transform !important;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial) !important;
  box-sizing: content-box !important;
}

.products-carousel {
  padding: 30px 0 60px !important;
  background-color:#f5f5f7;
}




/* Swiper Navigation Arrows */
.products-carousel .swiper-button-prev,
.products-carousel .swiper-button-next {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  color: white !important;
  transition: all 0.3s ease !important;
  opacity:0 !important;
}

.products-carousel .swiper-button-prev:hover,
.products-carousel .swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.8) !important;
  transform: scale(1.1) !important;
}

.products-carousel .swiper-button-next:after, 
.products-carousel .swiper-button-prev:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 800 !important;
  content: "\f053" !important;
  font-size: 15px !important;
  text-transform: none !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  font-variant: initial !important;
  line-height: 1 !important;
  opacity: 0 !important;
  width:0 !important;
}

.products-carousel .swiper-button-next svg,
.products-carousel .swiper-button-prev svg {
  width: 14px;
}

.products-carousel .swiper-button-next svg {
  transform: rotate(180deg);
}

/* Position arrows nicely (outside the cards) */
.products-carousel .swiper-button-prev {
  left: 40px;
}
.products-carousel .swiper-button-next {
  right: 40px;
}

.products-carousel:hover .swiper-button-next,
.products-carousel:hover .swiper-button-prev {
  background-color: rgba(52, 58, 66, 0.70) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  opacity:1 !important;
}

.products-carousel .swiper-button-next.swiper-button-disabled, 
.products-carousel .swiper-button-prev.swiper-button-disabled {
  opacity:0 !important;
}

.et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega h2, .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega h3 {
  font-size: 20px !important;
  font-weight: 800 !important;
}

@media (max-width: 768px) {
  .et-db #et-boc .et-l .et_pb_module .prod-wrap {
    padding: 20px 22px 0px;
  }
  .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode {
    min-height: 465px !important;
  }
  .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega p.sh-description {
    font-size:15px !important;
  }
  
  .pre-header,
  #lr-products p.pre-header,
  #lr-results p.pre-header,
  #lr-community p.pre-header,
  #lr-faq p.pre-header,
  #lr-closed p.pre-header,
  #lr-cta p.pre-header {
    font-size: 15px !important;
  }
  #lr-hero {
    padding: 0 30px !important;
  }
  #lr-hero h1 {
    font-size: 40px !important;
  }
  #lr-hero ul li {
    line-height: 1.2em !important;
    margin-bottom: 10px !important;
  }
  #lr-hero .hero-ctas {
    flex-direction:column;
  }
  #lr-hero .hero-ctas .btn,
  #lr-hero .hero-ctas .btn.launchVideo {
    justify-content: space-between;
    padding: 17px 25px !important;
  }
  #lr-overview>.et_pb_row {
    flex-direction:column !important;
  }
  #lr-overview .overview-ctas {
    flex-direction:column !important;
  }
  #lr-overview .overview-ctas .btn,
  #lr-overview .overview-ctas .btn.launchVideo {
    justify-content: space-between;
    padding: 17px 25px !important;
  }
  .witf h3 {
    font-size:18px !important;
  }
  #lr-liver>.et_pb_row {
    flex-direction:column !important;
  }
  #lr-glycan-desc, #lr-how-it-works-desc {
    font-size:15px !important;
  }
  #lr-review-highlight .lr-review-highlight-content {
    min-height: 340px;
  }
  #lr-review-highlight .lr-review-highlight-content p.lr-review {
    font-size:22px !important;
  }
  .phase-card ul.checkmarks li {
    font-size:14px !important;
  }
  p.lr-hiw-wte {
    font-size:15px !important;
  }
  #lr-products h2 {
    font-size: 28px !important;
    margin-bottom: 0 !important;
  }
  #lr-products #lr-products-desc {
    font-size: 15px !important;
    max-width: 310px;
  }
  #lr-products .product-card h3 {
    font-size:20px !important;
  }
  #lr-products .product-card p {
    font-size:13px !important;
  }
  .products-carousel {
    padding-top: 10px !important;
    padding-bottom:10px !important;
  }
  #lr-products .product-card .product-card-content {
    min-height:122px !important;
  }
  #lr-results h2 { 
    font-size:28px !important;
    margin-bottom: 0 !important;
  }
  #lr-results .testimonial-item blockquote p {
    font-size: 15px !important;
  }
  #lr-results .testimonial-item cite {
    font-size: 15px !important;
  }
  #lr-results .before-after {
    margin-bottom: -60px !important;
  }
  #lr-community h2 {
    font-size:28px !important;
    margin-bottom: 0 !important;
  }
  #lr-community #lr-community-desc {
    font-size: 15px !important;
  }
  #lr-community .whatsapp-blocks-container {
    flex-direction:column !important;
    gap: 15px !important;
  }
  #lr-community .whatsapp-blocks-container .whatsapp-block {
    width:100% !important;
  }
  #lr-faq h2 {
    font-size:28px !important;
  }
  #lr-faq .faq-item h4 {
    font-size:20px !important;
  }
  #lr-faq .faq-item p {
    font-size: 15px !important;
  }
  #lr-closed h2 {
    font-size:28px !important;
    margin-bottom: 0 !important;
  }
  #lr-closed p {
    font-size: 15px !important;
  }
  #lr-closed h3 {
    font-size: 20px !important;
  }
  #lr-cta h2 {
    font-size:28px !important;
    margin-bottom: 0 !important;
  }
  #lr-cta p {
    font-size: 15px !important;
  }
  .upsell-group {
    flex-direction:column !important;
  }
  .upsell-group>.et_pb_column {
    width:100% !important;
  }
  #lr-cta #resource-downloads h2 {
    font-size:28px !important;
  }
  .resource {
    font-size:17px !important;
  }
}





/* Optional: Hide arrows on very small screens if they feel cramped */
@media (max-width: 480px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
}