body {
	color:#444;
    font-size:1.2rem;
    line-height: 1.5;
    overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
img {
    max-width: 100%;
    height: auto;
}
@media(max-width:767px) {
	body {
		font-size:1.1rem;
		line-height: 1.4;
	}
	.image-collage {
		grid-template-columns: repeat(6, 1fr);
		max-width: 100%;
	}
	.cta-boxes-new {
		max-width: 100%;
		overflow: hidden;
	}
	.comparison-wrap {
		max-width: 100%;
		overflow: hidden;
	}
	section {
		max-width: 100vw;
		overflow-x: hidden;
	}
	.ebook-image img {
		max-width: 100%;
	}
}
@media(max-width:480px) {
	.image-collage {
		grid-template-columns: repeat(4, 1fr);
		gap: 2px;
	}
	.image-collage img {
		aspect-ratio: 1;
		object-fit: cover;
	}
}

/* ========== MOBILE FIXES ========== */

/* CTA boxes: BioDynamix-style horizontal layout on mobile */
@media(max-width:767px) {
	.cta-box .flex.flex-col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.cta-box .bottle-image {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		position: relative;
		gap: 0;
		padding: 0.5rem 0;
	}
	/* Bottles image centered */
	.cta-box .bottle-image > img {
		max-width: 55%;
		flex-shrink: 0;
		position: relative;
		z-index: 2;
	}
	/* Badge positioned left */
	.cta-box .badge {
		position: absolute;
		left: 2px;
		top: 50%;
		transform: translateY(-50%);
		width: 55px;
		z-index: 3;
	}
	.cta-box .badge .pulse {
		width: 55px !important;
		height: 55px !important;
	}
	.cta-box .badge img {
		width: 55px !important;
	}
	/* Ebooks positioned right */
	.cta-box .ebook-image {
		position: absolute !important;
		right: 2px;
		top: 50%;
		transform: translateY(-50%);
		width: 65px;
		z-index: 3;
	}
	.cta-box .ebook-image img {
		max-width: 100% !important;
		width: 65px;
	}
	/* 6-pack: bigger bottles, proper sizing */
	.cta-box.pack6 .bottle-image > img {
		max-width: 60%;
	}
	/* 3-pack: slightly smaller */
	.cta-box.pack3 .bottle-image > img {
		max-width: 50%;
	}
	/* 2-pack: bigger image since no badge/ebooks */
	.cta-box.pack1 .bottle-image > img {
		max-width: 65%;
	}
	.cta-box .price-details {
		width: 100% !important;
	}
	.cta-box .button-wrap {
		padding: 0 1rem;
	}
}

/* Comparison table: better readability on small screens */
@media(max-width:480px) {
	.comparison-row .comparison-item {
		padding: 8px 6px;
		font-size: 0.8rem;
	}
	.comparison-row .material-icons-outlined,
	.comparison-row .comparison-item:last-child .material-icons-outlined {
		font-size: 1rem;
		margin-right: 0.4rem;
	}
	.comparison-row.first-row .comparison-item img {
		max-height: 80px;
		object-fit: contain;
	}
	.comparison-row.first-row .comparison-item span {
		font-size: 1rem !important;
	}
}

/* Featured badges: fix cramped layout on small screens */
@media(max-width:400px) {
	.featured {
		gap: 4px;
	}
	.featured > div {
		margin: 0 !important;
	}
	.featured .featured-blurb span {
		font-size: 0.65rem !important;
	}
	.featured-icon img {
		width: 28px !important;
	}
}

/* Hero headline: better sizing on very small screens */
@media(max-width:380px) {
	.hero .headline {
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}
}

/* Bonus section: better spacing on mobile */
@media(max-width:639px) {
	.bonus-ebook-img, [src*="Joint-Supporting"], [src*="Youthful-Joints"] {
		max-width: 160px !important;
		margin: 0 auto;
	}
}

/* Promise cards: prevent overlap on mobile */
@media(max-width:639px) {
	.grid.md\\:grid-cols-4 {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1rem;
	}
	.grid.md\\:grid-cols-4 > div {
		margin-top: 2.5rem !important;
	}
	.grid.md\\:grid-cols-4 > div img {
		width: 7rem !important;
		margin-top: -2rem !important;
	}
}

/* FAQ: better touch targets on mobile */
@media(max-width:639px) {
	.uk-accordion-title {
		font-size: 1rem !important;
		padding: 0.75rem 0.5rem 0.75rem 1rem !important;
	}
}

/* Testimonials: fix layout on small screens */
@media(max-width:400px) {
	.testimonial .flex.space-x-3 {
		gap: 0.5rem;
	}
	.testimonial .source {
		font-size: 0.9rem;
	}
	.hero-test-copy {
		font-size: 0.95rem !important;
	}
}

/* "While Stocks Last" header box: better fit on mobile */
@media(max-width:639px) {
	.border-double {
		padding: 1rem !important;
	}
	.border-double .headline {
		font-size: 1.5rem !important;
	}
}

/* Fix horizontal overflow on all sections */
@media(max-width:767px) {
	.max-w-6xl, .max-w-5xl, .max-w-4xl {
		max-width: 100%;
	}
}
p strong {
 
	color:#0e7490;
}
.bg-theme-alt p strong {
	font-family: "fira";
	color:#0e7490;
}
.bg-theme-dark p strong {
 
	color:#ffffff;
}
.font-cut-theme {
	-webkit-text-stroke: 1px #0c1a2e;
}
.headline {
	text-shadow:3px 3px 0 #f0f9ff;
}
.bg-theme-alt .headline {
	text-shadow:3px 3px 0 #f0f9ff;
}
.bg-theme-dark .headline {
	text-shadow:3px 3px 0 #1e3a5f;
}
.hero-test-info {
	margin-bottom:0.5rem;
}
.bg-paper {
	background:url(../images/bg-paper.jpg) white;
}
.hero-test {
	position: relative;
	border:thin solid #DDDDDD;
	background:url(../images/bg-paper.jpg) white;
	margin-bottom:2rem;
	border-radius:1.5rem;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.hero-test-info .stars {
	line-height:0.5;
	padding-right:0.5rem;
}
.hero-test-info .stars span {
	font-size:2rem;
	margin-right:-0.5rem;
	color:rgba(34,211,238,1.00);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	-webkit-text-stroke: 1px rgba(6,182,212,1.00);;
}
.hero-test-img img, .girl-eating div::after {
	position: relative;
	border-radius: 1rem;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 1s;
	border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
}
.hero-test .hero-test-img::before {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 1s;
}
.hero-test:nth-child(odd) .hero-test-img::before {
	position: absolute;
	background:#0e7490;
	width:100%;
	height:100%;
	opacity:0.7;
	left:0;
	bottom:0;
	content: "";
	border-radius:1rem;
	transform:rotate(254deg);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}
.hero-test-img {
	position: relative;
}
.hero-test:nth-child(even) .hero-test-img::before {
	position: absolute;
	background:#0e7490;
	width:100%;
	height:100%;
	opacity:0.7;
	left:0;
	bottom:0;
	content: "";
	border-radius:1rem;
	transform:rotate(254deg);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}
.hero-test-copy::before {
	content:"\201C";
	font-size:10rem;
	left:-3.5rem;
	top:50%;
	color:#0e7490;
	opacity: 0.95;
	-webkit-text-stroke: 1px #fff;
	opacity:0.9;
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	position: absolute;
}
.hero-test-copy::after {
	content:"\201D";
	font-size:10rem;
	right:-2rem;
	top:50%;
	color:#0e7490;
	opacity: 0.95;
	-webkit-text-stroke: 1px #fff;
	opacity:0.95;
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	position: absolute;
}
section.bg-white {
	border-top:thin solid rgba(0,0,0,0.075);
	border-bottom:thin solid rgba(0,0,0,0.075);
}
.hero-test-copy {
	padding:2rem 3rem;
}
.girl-eating {
	position: relative;
}
.girl-eating img {
	position: relative;
	z-index: 2;
}
.girl-eating div::after {
	content:"";
	background:#bae6fd;
	border-radius:0.5rem;
	position: absolute;
	left:0.5rem;
	bottom:-2px;
	width: 91%;
	height: 90%;
}
.meghan img {
	position: relative;
	z-index: 2;
}
.meghan::after {
	content:"";
	background:#bae6fd;
	border-radius:0.5rem;
	position: absolute;
	left:0.5rem;
	bottom:-2px;
	width: 100%;
	height: 100%;
}
.trynow {
  color: #fff!important;
  text-align: center;
  text-transform: uppercase;
  background-color: #0e7490;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0e7490), to(#1e3a5f));
  background-image: -o-linear-gradient(top, #0e7490, #1e3a5f);
  background-image: linear-gradient(180deg, #0e7490, #1e3a5f);
  border: 1px solid #fff;
  border-color: #0e7490 #0e7490 #0e7490;
  border-radius: 999px;
/*  text-shadow: 1px 1px 0px #f0f9ff;*/
}
.img-ing {
	transition-property: all;
	transition-duration: 20000ms;
	transition-timing-function: ease-out;
	
}
.rotate360 {
	transition:all ease-in-out 500ms;
}
.rotate360:hover .img-ing {
	transform:rotate(25deg);
	
}
.ing-title span {
	line-height:1.2;
}
@media(min-width:1024px) {
	.desktop .hero-test:nth-child(odd):hover .hero-test-img img {
		transform:scale(1.05) rotate(-8deg);
	}
	.desktop .hero-test:nth-child(odd):hover .hero-test-img::before {
		transform: scale(0.95) rotate(8deg);
	}
	.desktop .hero-test:nth-child(even):hover .hero-test-img img {
		transform:scale(1.05) rotate(8deg);
	}
	.desktop .hero-test:nth-child(even):hover .hero-test-img::before {
		transform: scale(0.95) rotate(-8deg);
	}
	.hero-test:nth-child(odd) .hero-test-img img {
		transform: rotate(-8deg);
	}
	.hero-test:nth-child(even) .hero-test-img img {
		transform: rotate(8deg);
	}
	.hero-test:nth-child(odd) .hero-test-img::before {
		transform: rotate(8deg);
	}
	.hero-test:nth-child(even) .hero-test-img::before {
		transform: rotate(-8deg);
	}
	.hero-test-img {
		transform:scale(1.05);
	}
	.hero-test:nth-child(odd) {
		left:-4rem;
	}
	.hero-test:nth-child(even) {
		right:-4rem;
	}
	.hero-test:nth-child(even) .hero-test-copy {
		order:-9999; 
	}
	.hero-test:nth-child(odd) .hero-test-copy::before,
	.hero-test:nth-child(even) .hero-test-copy::after {
		display:none;
	}
}
@media(max-width:1024px) {
	 .hero-test-copy::after {
		top:4rem;
		right:1rem;
		font-size:8rem;
	}
	.hero-test-copy::before {
		display: none;
	}
}

@media(max-width:640px) {
	.hero-test-copy::after {
		top:2.5rem;
		right:1rem;
		font-size:6rem;
	}
	.font-cut-theme {
	-webkit-text-stroke: 0.25px #164e63;
	}
	.headline {
		text-shadow:3px 3px 0 rgba(6,182,212,0.3);
	}
    .uflex .headline {
		text-shadow:inherit;
	}
    
    
	.hero-test .stars {
		min-width:100%;
	}
	.hero-test .stars span {
		font-size:1.5rem;
	}
	.hero-test-copy {
		padding:1rem;
	}
	.hero-test {
		border-radius: 0.5rem;
		margin-bottom:0.5rem;
	}
	.hero-test-img {
		align-self: flex-start;
		top:0.5rem;
	}
}
.test-mobile {
		display: none;
		 
	}
@media(max-width:460px){
	.test-desktop {
		display: none;
	}
	.test-mobile {
		display: block;
		margin-top:10px;
	}
}
@media(max-width:767px) {
	.hero-test-img {
		transform:scale(0.8);
	}
}
/* Images */
.imgfx, .image-collage img, .testimonial img, .ebook, .initials, .meghan::after {
    border: 1px solid #fff;
	border-radius:0.375rem;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
}
.divider-white-round {
	-webkit-filter: drop-shadow(24px 24px 0 #f0f9ff)
                  drop-shadow(-24px -24px 0 #f0f9ff);
  	filter: drop-shadow(24px 24px 0 #f0f9ff) 
          drop-shadow(-24px -24px 0 #f0f9ff);
}
#vitamin-angels {
	font-size:1rem;
}
#vitamin-angels, #faq {
	display:block;
}
#faq .uk-accordion li {
	font-size: 1rem;
}
/*carousel*/

.carousel {
  perspective: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carousel > * {
  flex: 0 0 auto;
}
.carousel figure {
  margin: 0;
  width: 60%;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
.carousel figure iframe {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0px;
}
.carousel figure iframe:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel nav {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.carousel nav button {
  flex: 0 0 auto;
  margin: 0 5px;
  cursor: pointer;
  letter-spacing: 1px;
}
@media(max-width:767px) {
	.carousel figure {
  margin: 0;
  width: 100%;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
}

/* Comparison Chart */
.comparison-row {
	display:flex;
	align-items: stretch;
}
.comparison-item {
	display: flex;
	box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
	align-items: center;
	width:50%;
	padding:20px;
	line-height: 1.3;
	background:white;
	border-bottom:3px solid rgba(0, 0, 0, 0.2);
}
.comparison-row.first-row .comparison-item {
	border-top:3px solid rgba(0, 0, 0, 0.2);
}
.comparison-item:nth-child(odd) {
	border-left:3px solid rgba(0, 0, 0, 0.2);
	border-right:1px solid rgba(0, 0, 0, 0.2);
	background-color:#0e7490;
	color:white;
	text-shadow:1px 1px 0.5px rgba(0,0,0,0.4);
}
.comparison-item:nth-child(even) {
	border-right:3px solid rgba(0, 0, 0, 0.2);
	border-left:1px solid rgba(0, 0, 0, 0.2);
}
.comparison-row:nth-child(even) .comparison-item:first-child {
	background-color:#1e3a5f;
}
.comparison-row:nth-child(even) .comparison-item:last-child {
	background-color:#E7E7E7;
}
.comparison-row .material-icons-outlined {
	margin-right:1rem;
	font-size: 1.7rem;
	text-shadow: none;
	/*background-color:rgba(0,0,0,0.1);*/
	border-radius:100%;
}
.comparison-row .comparison-item:last-child .material-icons-outlined {
	color:#8C8C8C;
	font-size: 2rem;
	background-color:transparent;
}
.featured span {
	line-height: 1.1;
}
.featured .stars span {
	letter-spacing: -8px;
}
@media(max-width:639px) {
	.comparison-item {
		line-height: 1;
		font-size:0.95rem;
	}
	.comparison-row .material-icons-outlined,
	.comparison-row .comparison-item:last-child .material-icons-outlined{
		font-size:1.3rem;
	}
	.comparison-item {
		padding:10px;
	}
		.featured .stars span {
		font-size:16px;
	}
	.featured-icon, .featured-blurb {
		min-height: 65px;
		max-height: 65px;
	}
}
/* Formulated for all */
@media(min-width:640px) {
	.formulated-icons img:nth-child(1), .formulated-icons img:nth-child(2),
	.formulated-icons img:nth-child(3), .formulated-icons img:nth-child(4) {
		position: relative;
		left:-1.8rem;
	}
	.formulated-icons img:nth-child(5), .formulated-icons img:nth-child(6),
	.formulated-icons img:nth-child(7), .formulated-icons img:nth-child(8) {
		position: relative;
		right:-1.8rem;
	}
}
/* Video Carousel */
.carousel-video, .carousel-video-container {
	min-height:100%;
}
div[id*=".thumbnail"] img, img.w-css-reset {
  transform: scale(1.5);
  transform-origin: center 42%;
}
@media(max-width:600px) {
	div[id*=".big_play_button_background"] {
		transform:scale(0.75);
	}
}
/* Sticky Drawer CTA */
.cta-boxes-sticky .pb {
	line-height: 1;
	padding-left:0.3rem;
}
.cta-boxes-sticky .cta-button {
	font-size: 1.2rem;
	padding:0.5rem;
}
.cta-sticky-button {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#22d3ee), to(#0e7490));
	background-image: -o-linear-gradient(top, #22d3ee, #0e7490);
	background-image: linear-gradient(#22d3ee, #0e7490);
	color: #ffffff;
	text-shadow: 1px 1px 0px #0e7490;	
	background-color: #0e7490;
}
.cta-boxes-sticky .cta-button {
	padding-left:2rem;
	padding-right:2rem;
}
#cta-drawer {
	transition: bottom 0.3s ease-out; /* Transition for sliding */
	-webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}
.cta-boxes-sticky {
	max-width:460px;
	width:98%;
	box-shadow: 0 -8px 8px rgba(0,0,0,0.12);
}
@media(min-width:600px) {
	#cta-drawer {
		max-width:460px;
	}
}
.cta-sticky-button {
	box-shadow: 0 -8px 8px rgba(0,0,0,0.06);
}
.shining-button {
  cursor: pointer;
  overflow: hidden;
}

@keyframes shining {
  0% {
	left: -100%;
  }
  100% {
	left: 100%;
  }
}

@keyframes delay-shining {
  0%, 100% {
	left: -100%;
  }
  50% {
	left: 100%;
  }
}
.shining-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: shining 1s linear infinite, delay-shining 12s linear infinite;
}

/* End Sticky Drawer CTA */
#menu.uk-active {
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-color: #0e7490;
}
#menu.uk-active .menu-logo {
	width: 10rem;
}
#menu *, #mobileMenu {
	transition: all ease-in 0.25s;
}
.hero .headline {
	line-height:4rem
}
@media(min-width:768px) {
	.hero {
		background-image: url('../images/bg_hero.jpg');
	}
}
@media(max-width:767px) {
	.hero .headline {
		line-height:2.5rem
	}
	.hero {
		overflow: hidden;
	}
	.hero-sm {
		width: 100%;
		max-height: 300px;
		object-fit: cover;
		object-position: top center;
		margin-top: -2rem;
	}
}