/** Shopify CDN: Minification failed
Line 1806:66 Comments in CSS use "/* ... */" instead of "//"
Line 2314:2 Unexpected "{"
Line 2314:3 Expected identifier but found "%"
Line 2314:33 Unexpected "{"
Line 2314:34 Expected identifier but found "%"
Line 2358:68 Comments in CSS use "/* ... */" instead of "//"
Line 2819:66 Comments in CSS use "/* ... */" instead of "//"
Line 3869:1 Unexpected "{"
**/
/* =========================
Global Typography
========================= */
body{
overflow-x:hidden;
}
h1 {
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 63px;
letter-spacing: -1.5px;
color: #3A433E;
}
h2 {
font-weight: 700;
font-size: 36px;
line-height: 45px;
letter-spacing: -0.36px;
color: #3A433E;
margin: 0px;
}
h3 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: -0.2px;
color: #111111;
}
h4 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
letter-spacing: -0.18px;
color: #111111;
}
p {
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #111;
}
.cart-items th.caption-with-letter-spacing {
font-size: 14px;
line-height: 20px;
color: #3A433E;
font-weight: 700;
}
.cart-item__name {
font-weight: 600;
}
.cart-item__price-wrapper span.price.price--end {
font-weight:600;
}
.cart__blocks .totals p.totals__total-value {
font-weight:600;
}
.cart-item__name, .cart-item__price-wrapper span.price.price--end, .cart__blocks .totals p.totals__total-value {
color: #111;
}
.facets__form h2, span{
font-size:16px;
font-weight:600;
color:#3A433E;
}
.support-box-right .support-list {
position: relative;
left: 140px;
max-width: 150px;
}
.facets__form select {
font-size:14px;
font-weight:600;
color:#3A433E;
}
button {
cursor: auto;
}
.product-form__submit span {
color: #fff;
}
.product__info-container .product__description p span{
color: #596475 !important;
font-weight: 400;
}
.product__info-container .product__description ul span{
color: #0B1628 !important;
font-weight:400 !important;
}
.facets__summary:hover .facets__summary-label{
text-decoration:none;
}
.facet-filters__sort{
padding-left: 14px !important;
padding-right: 40px !important;
}
/* =========================
Button One
========================= */
.btn-one {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
border: 1px solid #3A433E;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 28px 15px;
background: #3A433E;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
0px 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
}
.btn-one {
display: inline-flex;
align-items: center;
gap: 3px;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease;
}
.glp1-lemon-mobile-img {
display: none;
}
.btn-one:after {
content: "";
width: 22px;
height: 22px;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M5 13H20' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M14 7L20 13L14 19' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
flex-shrink: 0;
transition:
transform 0.4s ease,
background-image 0.4s ease;
}
.btn-one:hover {
background: #ffffff;
color: #3A433E;
border: 1px solid #3A433E;
transform: translateY(-2px);
}
.btn-one:hover:after {
transform: translateX(6px);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M5 13H20' stroke='%233A433E' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M14 7L20 13L14 19' stroke='%233A433E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product-card-wrapper img{
border-radius:24px
}
.product-card-wrapper h3{
font-size:16px;
line-height:22px;
color:#111;
}
.underline-links-hover:hover a{
text-decoration:none;
}
.cart-count-bubble span {
color: #3A433E;
font-size: 10px;
}
.product-card-wrapper button span{
color: #F8FCFF !important;
}
.product-card-wrapper:hover button:hover span {
color: #3A433E !important;
}
.product-card-wrapper button{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
border: 1px solid #3A433E;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
padding: 15px 28px 15px;
background: #3A433E;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
0px 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease;
}
.product-card-wrapper button:after {
content: "";
width: 22px;
height: 22px;
display: inline-block;
transition:
transform 0.4s ease,
background-image 0.4s ease;
}
.product-card-wrapper button:hover {
background: #ffffff;
color: #3A433E;
border: 1px solid #3A433E;
transform: translateY(-2px);
}
.product-card-wrapper button:hover:after {
transform: translateX(6px);
}
.mobile-facets__footer button.button.button--primary {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
padding: 8px 20px;
background: #3A433E;
border-radius: 999px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background 0.4s ease, color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}
.mobile-facets__footer button.button.button--primary:hover {
background: #ffffff;
color: #3A433E;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(18, 55, 128, 0.2);
}
.cart__ctas button#checkout {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
border: 1px solid #3A433E;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 28px 15px;
background: #3A433E;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
0px 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
}
.glp1-lemon-mobile-img {
display: none;
}
.cart__ctas button#checkout {
display: inline-flex;
align-items: center;
gap: 3px;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease;
}
.cart__ctas button#checkout:after {
content: "";
width: 22px;
height: 22px;
display: inline-block;
transition:
transform 0.4s ease,
background-image 0.4s ease;
}
.cart__ctas button#checkout:hover {
background: #ffffff;
color: #3A433E;
border: 1px solid #3A433E;
transform: translateY(-2px);
}
.cart__ctas button:after {
transform: translateX(6px);
}
.template-404 a.button{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
border: 1px solid #3A433E;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
padding: 15px 28px;
background: #3A433E;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
0px 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease;
}
.template-404 a.button::after{
content: "";
width: 22px;
height: 22px;
display: inline-block;
transition:
transform 0.4s ease,
background-image 0.4s ease;
}
.template-404{
padding:50px 0px;
}
.template-404 p{
color:#111;
}
.template-404 a.button:hover{
background: #ffffff;
color: #3A433E;
border-color: #3A433E;
transform: translateY(-2px);
}
.template-404 a.button:hover::after{
transform: translateX(6px);
}
.cart__warnings .button{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
border: 1px solid #3A433E;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
padding: 15px 28px 15px;
background: #3A433E;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
0px 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease;
}
.cart__warnings .button:after {
content: "";
width: 22px;
height: 22px;
display: inline-block;
transition:
transform 0.4s ease,
background-image 0.4s ease;
}
.cart__warnings .button:hover {
background: #ffffff;
color: #3A433E;
border: 1px solid #3A433E;
transform: translateY(-2px);
}
.cart__warnings .button:hover:after {
transform: translateX(6px);
}
.cart-notification__links .button{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
border: 1px solid #3A433E;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
padding: 15px 28px 15px;
background: #3A433E;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
0px 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease;
}
.cart-notification__links .button:after {
content: "";
width: 22px;
height: 22px;
display: inline-block;
transition:
transform 0.4s ease,
background-image 0.4s ease;
}
.cart-notification__links .button:hover {
background: #ffffff;
color: #3A433E;
border: 1px solid #3A433E;
transform: translateY(-2px);
}
.cart-notification__links .button:hover:after {
transform: translateX(6px);
}
/* =========================
Button Two
========================= */
.btn-two {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #3A433E;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 28px 15px;
background: #FFFFFF;
border: 1px solid rgba(18, 55, 128, 0.2);
border-radius: 999px;
text-decoration: none;
cursor: pointer;
transition:
background 0.4s ease,
color 0.4s ease,
border-color 0.4s ease,
transform 0.4s ease,
box-shadow 0.4s ease;
}
.btn-two:hover {
background: #3A433E;
color: #ffffff;
border-color: #3A433E;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(18, 55, 128, 0.15);
}
/* =========================
Header Button
========================= */
.header-contact-btn {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #F8FCFF;
padding: 8px 20px;
background: #3A433E;
border-radius: 999px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition:
background 0.4s ease,
color 0.4s ease,
transform 0.4s ease,
box-shadow 0.4s ease;
}
.header-contact-btn:hover {
background: #ffffff;
color: #3A433E;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(18, 55, 128, 0.2);
}
/* =========================
page width
========================= */
.page-width {
/* max-width: 1260px !important; */
margin: 0 auto;
}
/* =========================
Header icon hide
========================= */
.header__icon--search {
display: none !important;
}
.header__icon--account {
display: none !important;
}
.header-contact-btn {
margin-left: 22px;
}
.header {
display: grid !important;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.header__heading {
justify-self: start;
}
.header__inline-menu {
justify-self: center;
}
.header__icons {
justify-self: end;
}
.header__menu-item span{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: rgba(11, 22, 40, 0.7);
}
sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(6px);
}
/* Header Menu Hover & Active */
.header__menu-item span {
transition: 0.3s ease;
}
/* Hover */
.header__menu-item:hover span {
color: #3A433E!important;
font-weight:600!important;
text-decoration: none !important;
}
/* Active Menu */
.header__menu-item.active span,
.header__menu-item[aria-current="page"] span {
color: #3A433E !important;
text-decoration: none !important;
}
/* Remove underline from all states */
.header__menu-item,
.header__menu-item:hover,
.header__menu-item span,
.header__menu-item span:hover {
text-decoration: none !important;
}
/* Home css*/
.home-hero-banner {
position: relative;
overflow: hidden;
background: #ffffff;
min-height: 800px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.home-hero-bg {
position: absolute;
top: 0;
right: 0;
}
.home-hero-buttons {
display: flex;
gap: 15px;
}
.hero-bg-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.home-hero-banner .page-width {
position: relative;
z-index: 2;
width: 100%;
}
.home-hero-container {
display: flex;
align-items: center;
min-height: 650px;
}
.home-hero-left {
width: 50%;
max-width: 600px;
}
.home-hero-right {
width: 52%;
}
.home-hero-left h1 {
margin: 0px 0px 30px 0px;
}
.home-hero-left h3 {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 7px 14px;
border-radius: 30px;
background: #FFE354;
margin: 0 0 18px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #3A433E;
}
.hero-small-text {
margin-top: 18px !important;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #596475;
}
.mean-feeling-worse {
padding: 100px 0;
background: #F9F4EE;
}
.mean-feeling-worse-left,
.mean-feeling-worse-right {
width: 50%;
}
.mean-feeling-worse-wrapper {
display: flex;
align-items: center;
gap:20px
}
.mean-feeling-worse-left h2 {
margin: 0 0 12px;
}
.mean-feeling-worse-content p {
margin: 0 0 18px;
font-size:16px;
color: #111111;
}
.mean-feeling-worse-list {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 18px;
}
.mean-feeling-worse-list-item {
display: flex;
align-items: center;
gap: 10px;
}
.mean-feeling-worse-icon {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mean-feeling-worse-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mean-feeling-worse-list-item span {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #111111;
}
.mean-feeling-worse-highlight {
background: #ffffff;
border-radius: 0px;
padding: 14px 18px;
margin: 0 0 35px;
}
.mean-feeling-worse-highlight p {
margin: 0;
font-size: 16px;
line-height: 24px;
color: #3A433E;
font-weight: 600;
}
.mean-feeling-worse-img {
width: 100%;
height: 100%;
display: block;
border-radius: 20px;
}
.support-and-replenish {
padding: 80px 0;
background: #ffffff;
}
.support-and-replenish-top {
text-align: center;
margin-bottom: 50px;
}
.support-and-replenish-top p {
margin-top: 10px;
}
.support-and-replenish-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:10px;
}
.support-box {
min-height: 610px;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
padding: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.support-box-left {
border-radius: 12px 0 0 12px;
}
.support-box-right {
border-radius: 0 12px 12px 0;
}
.support-box-content {
position: relative;
z-index: 2;
}
.support-box-heading {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 47.0603px;
line-height: 51px;
letter-spacing: -0.46325px;
margin: 0 0 30px;
}
.support-box-left .support-box-heading {
color: #ffffff;
}
.support-box-right .support-box-heading {
color: #3A433E;
text-align: end;
}
.support-list {
display: flex;
flex-direction: column;
gap: 14px;
width: 90%;
}
.support-list-item {
display: flex;
align-items: center;
gap: 12px;
}
.support-list-item span {
font-family: 'Inter';
font-size: 16px;
line-height: 24px;
}
.support-box-left .support-list-item span {
color: #ffffff;
}
.support-box-right .support-list-item span {
color: #3A433E;
}
.support-icon {
width: 24px;
height: 24px;
min-width: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
}
.support-box-left .support-icon {
background: #1E1D1A;
color: #ffffff;
}
.support-box-right .support-icon {
background: #3A433E;
color: #ffffff !important;
}
.support-bottom-text {
text-align: center;
margin-top: 24px;
font-style: italic;
color: #3A433E;
}
/* LEFT BOX */
.support-box-left {
justify-content: flex-start;
background-position: right center;
}
.support-box-left .support-box-content {
max-width: 220px;
}
/* RIGHT BOX */
.support-box-right {
justify-content: flex-end;
background-position: left center;
}
.support-box-right .support-box-content {
max-width: 300px;
text-align: left;
}
.one-scoop {
padding: 90px 0;
background: #F9F4EE;
}
.one-scoop-top {
text-align: center;
margin: 0 auto 20px;
}
.one-scoop-content p {
margin-top: 10px;
margin-bottom: 40px;
}
.one-scoop-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin: 0 auto;
}
.one-scoop-item {
background: #ffffff;
border-radius: 14px;
padding: 34px 24px;
text-align: center;
}
.one-scoop-icon {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 18px;
}
.one-scoop-icon img {
width: 60px;
object-fit: contain;
height: 60px;
}
.one-scoop-item h3 {
margin: 0 0 8px;
}
.one-scoop-item p {
margin: 0;
font-size: 14px;
line-height: 22px;
}
.one-scoop-btn {
text-align: center;
margin-top: 34px;
}
.one-scoop-item {
transition:
background 0.4s ease,
transform 0.4s ease,
box-shadow 0.4s ease;
}
.one-scoop-item h3,
.one-scoop-item p {
transition: color 0.4s ease;
}
.one-scoop-icon {
transition:
background 0.4s ease,
transform 0.4s ease;
}
.one-scoop-icon img {
transition:
filter 0.4s ease,
transform 0.4s ease;
}
.one-scoop-item:hover {
background: #3A433E;
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(18, 55, 128, 0.18);
}
.one-scoop-item:hover h3,
.one-scoop-item:hover p {
color: #ffffff;
}
.one-scoop-item:hover .one-scoop-icon {
background: transparent;
}
.one-scoop-item:hover .one-scoop-icon img {
border: 1px solid #ffffff;
border-radius: 100px;
}
.one-scoop-once-day {
padding: 100px 0;
background: #ffffff;
}
.one-scoop-once-day-top {
text-align: center;
margin-bottom: 60px;
}
.one-scoop-once-day-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
/* max-width: 1100px; */
margin: 0 auto;
}
.one-scoop-once-day-item {
text-align: center;
}
.one-scoop-once-day-image-wrap {
position: relative;
width: 220px;
height: 220px;
margin: 0 auto 24px;
}
.one-scoop-main-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.one-scoop-step-number {
position: absolute;
background: #3A433E;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
z-index: 2;
}
.one-scoop-small-icon {
width: 62px;
height: 62px;
background: #ffffff;
border-radius: 50%;
position: absolute;
left: 50%;
bottom: -12px;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.one-scoop-small-icon img {
width: 28px;
height: 28px;
object-fit: contain;
}
.one-scoop-once-day-item h3 {
margin: 0 0 10px;
}
.one-scoop-once-day-item p {
margin: 0;
font-size: 15px;
line-height: 24px;
color: #111111;
}
.one-scoop-once-day {
padding: 50px 0;
}
.one-scoop-step-number {
width: 40px;
height: 40px;
top: 5px;
left: 8px;
}
.one-scoop-once-day-item p {
font-size: 14px;
line-height: 20px;
}
.one-scoop-bottom-tags span {
padding: 8px 18px;
font-size: 10px;
}
.one-scoop-bottom-tags {
margin-top: 40px;
}
.one-scoop-bottom-tags {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 50px;
}
.one-scoop-bottom-tags span {
padding: 10px 18px;
border: 1px solid rgba(18,55,128,0.14);
border-radius: 999px;
font-size: 12px;
line-height: 1;
color: #596475;
font-weight: 600;
text-transform: uppercase;
}
.built-specifically-users {
padding: 90px 0;
background: #F9F4EE;
}
.built-specifically-users-top {
text-align: center;
margin-bottom: 42px;
}
.built-specifically-users-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin: 0 auto;
}
.built-specifically-users-card {
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 14px rgba(18, 55, 128, 0.08);
}
.built-specifically-users-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.built-specifically-users-content {
padding: 18px 20px 22px;
}
.built-specifically-users-content p {
margin: 0 0 18px;
font-size: 12px;
line-height: 22px;
color:#596475;
}
.built-specifically-users-label {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #3A433E;
margin: 10px auto;
}
.built-specifically-users-content h3 {
margin: 0 0 10px;
color:#0B1628
}
.built-specifically-users-text p {
margin: 0 0 18px;
font-size: 14px;
line-height: 20px;
color: #111;
}
.built-specifically-users-tag {
width: 100%;
padding: 9px 16px;
border-radius: 999px;
background: #FFE25A;
color: #0B1628;
font-size: 12px;
line-height: 1;
font-weight: 700;
text-align: center;
display: block;
text-decoration: none;
transition: all .3s ease;
}
.built-specifically-users-tag:hover {
background: #3A433E;
color: #ffffff;
}
.built-specifically-users-btn {
text-align: center;
margin-top: 45px;
}
.feel-better-verified-icon {
width: 18px;
height: 18px;
object-fit: contain;
flex-shrink: 0;
}
.feel-better-reviews {
padding: 90px 0;
background: #ffffff;
overflow: hidden;
}
.feel-better-container {
width: 100%;
}
.feel-better-reviews-top {
text-align: center;
margin-bottom: 40px;
}
.feel-better-slick-slider {
width: 100%;
}
.feel-better-slick-slider .slick-list {
overflow: hidden;
}
.feel-better-slick-slider .slick-track {
display: flex;
}
.feel-better-slick-slider .slick-slide {
height: auto;
}
.feel-better-slick-slider:not(.slick-initialized) .feel-better-slide {
display: none;
}
.feel-better-slick-slider:not(.slick-initialized) .feel-better-slide:first-child {
display: block;
}
.feel-better-slide {
width: 400px !important;
padding: 0 8px;
display: flex !important;
height: auto;
}
.feel-better-card {
width: 100%;
height: 100%;
background: #f9f4ee;
border-radius: 24px;
padding: 24px 26px;
min-height: 170px;
box-shadow: 0 4px 14px rgba(18, 55, 128, 0.08);
display: flex;
flex-direction: column;
}
.feel-better-stars {
display: flex;
gap: 5px;
margin-bottom: 14px;
}
.feel-better-stars span {
color: #FFE354;
font-size: 15px;
line-height: 1;
}
.feel-better-review {
margin: 0 0 18px;
}
.feel-better-review p {
margin: 0;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 23px;
color: #0B1628;
}
.feel-better-author {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
}
.feel-better-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.feel-better-author h3 {
margin: 0;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #3A433E;
}
.feel-better-verified {
display: flex;
align-items: center;
gap: 7px;
margin-top: 4px;
font-size: 14px;
line-height: 18px;
color: #596475;
}
.feel-better-verified span {
width: 18px;
height: 18px;
border: 2px solid #3A433E;
color: #3A433E;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 700;
}
.supplements-built-glp1 {
padding: 90px 0;
background: #F9F4EE;
}
.supplements-built-glp1-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
.supplements-built-glp1-left h2 {
margin: 0 0 25px;
width: 100%;
}
.supplements-built-glp1-content p {
margin: 0 0 28px;
font-size:16px;
}
.supplements-table tr th:first-child {
padding-left: 30px;
}
.supplements-table td:first-child {
padding-left: 30px;
}
.supplements-table-wrap {
overflow-x: auto;
border-radius: 14px;
background: #ffffff;
box-shadow: 0px 0px 0px 1px rgba(226, 232, 240, 0.6), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.supplements-table {
width: 100%;
border-collapse: collapse;
background: #ffffff;
border-radius: 14px;
overflow: hidden;
}
.supplements-table th {
background: #3A433E;
color: #F8FCFF;
font-size: 14px;
line-height: 20px;
font-weight: 600;
padding: 14px 10px;
text-align: center;
white-space: nowrap;
width: 10%;
}
.supplements-table th:first-child {
text-align: left;
width: 90%;
}
.supplements-table td {
padding: 14px 16px;
font-size: 14px;
line-height: 20px;
color: #111111;
text-align: center;
border-bottom: 1px solid rgba(18, 55, 128, 0.06);
}
.supplements-table td:first-child {
text-align: left;
font-weight: 500;
}
.supplements-table tbody tr:last-child td {
border-bottom: 0;
}
.supplements-table tbody tr:nth-child(even) {
background: #F9F4EE;
}
.supplements-table-icon {
width: 16px;
height: 16px;
object-fit: contain;
display: inline-block;
}
.supplements-built-glp1-img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
}
.glp1-lemon {
padding: 150px 0;
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
}
.glp1-lemon-wrapper {
display: grid;
grid-template-columns: 58% 42%;
align-items: center;
min-height: 460px;
}
.glp1-lemon-icons {
display: grid;
grid-template-columns: repeat(4, 1fr);
/* max-width: 500px; */
position: relative;
}
.glp1-lemon-item {
text-align: center;
position: relative;
padding: 30px 15px 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.glp1-lemon-item:nth-child(1),
.glp1-lemon-item:nth-child(2),
.glp1-lemon-item:nth-child(3) {
padding-bottom: 30px;
}
/* Vertical Lines */
.glp1-lemon-item:not(:nth-child(4n))::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: rgba(18, 55, 128, 0.14);
}
/* Horizontal Line */
.glp1-lemon-item:nth-child(-n+4)::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(18, 55, 128, 0.14);
}
.glp1-lemon-icon {
margin: 0 auto 18px;
border-radius: 50%;
background: #EEF4FF;
display: flex;
align-items: center;
justify-content: center;
}
.glp1-lemon-icon img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.glp1-lemon-item p {
margin: 0;
color: #111111;
font-weight: 500;
font-size:14px;
line-height: 20px;
text-align: center;
}
.other-glp1-comparison {
padding: 90px 0;
background: #ffffff;
}
.other-glp1-comparison-wrapper {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 54px;
align-items: stretch;
margin: 0 auto;
}
.comparison-card {
border-radius: 18px;
padding: 34px 28px 30px;
}
.comparison-card-left {
background: #F9F4EE;
}
.comparison-card-right {
background: #3A433E;
}
.comparison-card h2 {
margin: 0 0 6px;
text-align: center;
text-transform: uppercase;
}
.comparison-card-left h2 {
color: #596475;
font-weight:700;
}
.comparison-card-right h2 {
color: #FFE354;
}
.comparison-card > p {
margin: 0 0 24px;
text-align: center;
font-size: 14px;
line-height: 22px;
}
.comparison-card-left > p {
color: #596475;
}
.comparison-card-right > p {
color: #ffffff;
}
.comparison-card-img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
border-radius: 14px;
margin-bottom: 24px;
}
.comparison-card ul {
margin: 0;
padding-left: 18px;
}
.comparison-card li {
font-size: 14px;
line-height: 24px;
margin-bottom: 6px;
}
.comparison-card-left li {
color: #596475;
}
.comparison-card-right li {
color: #ffffff;
}
.comparison-card-right ul {
list-style: none;
padding-left: 0;
}
.comparison-card-right li {
position: relative;
padding-left: 22px;
}
.comparison-card-right li::before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 12px;
height: 12px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.comparison-vs {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #3A433E;
color: #ffffff;
border: 5px solid #ffffff;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
font-size: 22px;
font-weight: 800;
}
.inside-work-item {
background: #ffffff;
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
border: 1px solid rgba(18, 55, 128, 0.08);
transition:
border-color .35s ease,
box-shadow .35s ease,
transform .35s ease;
}
.inside-work-item.active {
box-shadow: 0 10px 30px rgba(18,55,128,0.08);
}
.inside-work-toggle {
width: 100%;
background: transparent;
border: 0;
padding: 18px 22px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
text-align: left;
}
.inside-work-left {
display: flex;
align-items: center;
gap: 14px;
}
.inside-work-icon {
width: 28px;
height: 28px;
border-radius: 50%;
background: #3A433E;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
}
.inside-work-icon img {
width: 12px;
height: 12px;
object-fit: contain;
position: absolute;
transition:
opacity .35s ease,
transform .35s ease;
}
.inside-work-minus {
opacity: 0;
transform: rotate(90deg) scale(.7);
}
.inside-work-item.active .inside-work-minus {
opacity: 1;
transform: rotate(0deg) scale(1);
}
.inside-work-item.active .inside-work-plus {
opacity: 0;
transform: rotate(-90deg) scale(.7);
}
.inside-work-content {
max-height: 0;
overflow: hidden;
transition:
max-height .55s cubic-bezier(.4,0,.2,1),
opacity .35s ease;
opacity: 0;
}
.inside-work-item.active .inside-work-content {
opacity: 1;
}
.inside-work-content-inner {
padding: 0 22px 20px 64px;
}
.inside-work-arrow {
display: none;
}
.inside-work-icon {
font-size: 18px;
font-weight: 700;
color: #ffffff;
}
.inside-work-minus {
display: none;
}
.inside-work-item.active .inside-work-plus {
display: none;
}
.inside-work-item.active .inside-work-minus {
display: inline;
}
.inside-work-accrodion {
padding: 90px 0;
background: #F9F4EE;
}
.inside-work-accrodion-top {
text-align: center;
margin-bottom: 34px;
}
.inside-work-accrodion-wrapper {
max-width: 830px;
margin: 0 auto;
}
.inside-work-item {
background: #ffffff;
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
border: 1px solid rgba(18, 55, 128, 0.08);
}
.inside-work-toggle {
width: 100%;
background: transparent;
border: 0;
padding: 18px 22px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
text-align: left;
}
.inside-work-left {
display: flex;
align-items: center;
gap: 14px;
}
.inside-work-icon {
width: 28px;
height: 28px;
border-radius: 50%;
background: #3A433E;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.inside-work-icon img {
width: 14px;
height: 14px;
object-fit: contain;
}
.inside-work-left h3 {
margin: 0;
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.inside-work-arrow {
width: 10px;
height: 10px;
border-right: 2px solid #3A433E;
border-bottom: 2px solid #3A433E;
transform: rotate(45deg);
transition: transform .3s ease;
flex-shrink: 0;
}
.inside-work-item.active .inside-work-arrow {
transform: rotate(-135deg);
}
.inside-work-content {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease;
}
.inside-work-content-inner {
padding: 0 22px 20px 64px;
}
.inside-work-content-inner p {
margin: 0;
font-size: 14px;
line-height: 24px;
}
.inside-work-btn {
text-align: center;
margin-top: 34px;
}
/* ===== DAILY HABIT PRICING FIX ===== */
.daily-habit-card-divider{
position: relative;
margin: 12px 0 16px;
text-align: center;
}
.daily-habit-card-divider.has-text{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.daily-habit-card-divider.has-text:before,
.daily-habit-card-divider.has-text:after{
content: "";
flex: 1;
height: 1px;
background: #E8D36C;
}
.daily-habit-card-divider.has-text span{
white-space: nowrap;
font-size: 14px;
font-weight: 500;
color: #6B7280;
line-height: 1;
}
.daily-habit-card-divider:not(.has-text){
height: 1px;
background: #E8D36C;
width: 100%;
}
.daily-habit-price-card {
display: flex;
flex-direction: column;
}
.daily-habit-card-top {
min-height: 175px;
}
.daily-habit-card-middle {
flex: 1;
display: flex;
flex-direction: column;
}
.daily-habit-card-img {
min-height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.daily-habit-card-list {
flex: 1;
}
.daily-habit-card-btn {
margin-top: auto;
}
.daily-habit-save{
overflow:hidden;
padding-bottom: 80px;
}
.daily-habit-product-pricing{
display:grid;
grid-template-columns: 40% 60%;
align-items:center;
gap:10px;
padding:40px 0px 0px;
}
.daily-habit-product-img{
display:flex;
justify-content:center;
}
.daily-habit-pricing-right{
width:100%;
padding-top: 60px;
margin:0 auto;
text-align:center;
}
.daily-habit-pricing-right h2{
margin:0 0 10px;
text-align: justify;
}
.daily-habit-pricing-subtext{
max-width:420px;
font-size:14px;
line-height:1.6;
}
.daily-habit-price-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}
.daily-habit-price-card{
background:#fff;
border:1px solid #d8d8d8;
border-radius:16px;
padding:18px 14px 16px;
text-align:center;
min-width:0;
}
.daily-habit-price-card.active{
border:1px solid #26352f;
box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.daily-habit-card-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 14px;
border-radius:30px;
background:#3a433e;
color:#fff;
font-size:10px;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px;
}
.daily-habit-price-card h3{
margin:0 0 6px;
font-weight:600;
}
.daily-habit-card-price{
font-size:32px;
line-height:1;
font-weight:800;
color:#3A433E;
margin:0 0 8px;
}
.daily-habit-save-text{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: normal;
color: #3A433E;
margin: 0;
}
.daily-habit-card-divider {
width: 100%;
margin: 12px 0 16px;
}
.daily-habit-card-divider.has-text {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
height: auto;
background: transparent;
}
.daily-habit-card-divider.has-text::before,
.daily-habit-card-divider.has-text::after {
content: "";
flex: 1;
height: 1px;
background: #E8D36C;
display: block;
}
.daily-habit-card-divider.has-text span {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #596475;
line-height: 1;
}
.daily-habit-card-divider:not(.has-text) {
height: 1px;
background: #E8D36C;
display: block;
}
.daily-habit-card-divider:not(.has-text) {
width: 70%;
height: 1px;
background: #E8D36C;
display: block;
margin: 22px auto 16px;
}
.daily-habit-card-badge{
display:inline-flex;
}
.daily-habit-price-card{
position: relative;
overflow: visible;
}
.daily-habit-card-badge{
position: absolute;
top: -11px;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
height: 22px;
padding: 0 14px;
border-radius: 30px;
background: #3A433E;
color: #fff;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
z-index: 5;
}
.daily-habit-card-top{
padding-top: 25px;
}
.daily-habit-card-img{
margin-bottom:14px;
}
.daily-habit-pricing-subtext p {
margin-bottom:50px;
color: #596475;
}
.daily-habit-card-img img{
max-width:120px;
{% comment %} max-height:90px; {% endcomment %}
object-fit:contain;
display:block;
margin:0 auto;
height: auto;
}
.daily-habit-card-list{
text-align:left;
font-size:13px;
line-height:1.6;
color:#333;
margin-bottom:16px;
}
.daily-habit-card-list ul{
margin:0;
padding:0;
list-style:none;
}
.daily-habit-card-list li{
position:relative;
padding-left:25px;
margin-bottom:6px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #0B1628;
}
.daily-habit-card-list li:before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.daily-habit-card-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:125px;
min-height:52px;
padding:0 18px;
border-radius:40px;
background:#3a433e;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:700;
}
.daily-habit-icons{
margin: 0 auto 60px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 60px;
padding-top: 0;
border-top: 0;
align-content: space-evenly;
justify-items: start;
}
.daily-trust-item{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
border-right: 0px solid #e5e5e5;
}
.daily-habit-price-card:nth-child(3) .daily-habit-card-img img{
width: 320px;
max-width: 100%;
height: auto;
}
.daily-trust-item:last-child{
border-right:0;
}
.daily-trust-item img{
width: 70px;
height: 70px;
object-fit: contain;
}
.daily-trust-item strong{
display:block;
font-size:24px;
line-height:34px;
font-weight: 600;
color: #111;
}
.daily-trust-item small{
display:block;
font-size:14px;
line-height:24px;
color: #111;
}
.daily-faq-wrapper {
display: grid;
grid-template-columns: 0.65fr 1.35fr;
gap: 60px;
width: 100%;
margin: 0 auto;
padding-top: 50px;
}
.daily-faq-wrapper .daily-faq-left {
width: 80%;
}
.daily-faq-left h2 {
margin: 0;
}
.daily-faq-item {
background: #ffffff;
border: 1px solid rgba(18,55,128,0.12);
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.daily-faq-question {
width: 100%;
border: 0;
background: transparent;
padding: 18px 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
}
.daily-faq-question span:first-child {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #111111;
}
.daily-faq-icon {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
transition: transform .35s ease;
flex-shrink: 0;
}
.daily-faq-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.daily-faq-item.active .daily-faq-icon {
transform: rotate(0deg);
}
.daily-faq-item .daily-faq-icon {
transform: rotate(180deg);
}
.daily-faq-answer {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height .55s cubic-bezier(.4,0,.2,1), opacity .35s ease;
}
.daily-faq-item.active .daily-faq-answer {
opacity: 1;
}
.daily-faq-answer-inner {
padding: 0 20px 18px;
}
.daily-faq-answer-inner p {
margin: 0;
font-size: 14px;
line-height: 24px;
color: #596475;
}
.contact-info-box {
padding: 90px 0;
background: #ffffff;
}
.contact-info-box-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin: 0 auto;
}
.contact-info-item {
background: #F9F4EE;
border-radius: 45px;
padding: 34px 58px;
height: 280px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: center;
}
.contact-info-icon {
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 22px;
}
.contact-info-icon img {
object-fit: contain;
}
.contact-info-item h3 {
margin: 0 0 10px;
/* font-size: 13px; */
line-height: 18px;
font-weight: 500;
color: #111111;
}
.contact-info-text p {
margin: 0;
color: #111111;
}
.contact-info-text a {
color: #111111;
text-decoration: none;
}
.contact-info-item:hover {
background:#111;
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(18, 55, 128, 0.18);
}
.contact-info-item {
transition: background 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}
.contact-info-item:hover h3{
color:#fff;
}
.contact-info-item:hover p {
color:#fff;
}
.contact-info-item:hover a {
color:#fff;
}
/* end */
/* Contact page css */
.contact-banner {
min-height: 620px;
display: flex;
align-items: center;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
overflow: hidden;
}
.contact-banner .page-width{
width: 100%;
/* max-width: 1400px; */
margin: 0 auto;
}
.contact-banner-width{
width: 42%;
padding-left: 0;
}
.contact-banner-content{
max-width: 420px;
padding: 100px 0;
}
.contact-banner-content h1{
margin: 0 0 24px;
}
.contact-banner-text p{
margin: 0;
color: #000;
line-height: 24px;
width: 90%;
}
/* end */
/* product page css */
/* Product Gallery Layout Like Screenshot */
.product__media-wrapper .product__column-sticky {
max-width: 600px;
}
.product__media-wrapper .product__media-list {
border-radius: 24px;
overflow: hidden;
}
.product__media-wrapper .product-media-container,
.product__media-wrapper .product__media {
border: none !important;
background: transparent !important;
}
.product__media-wrapper .product__media img {
border-radius: 24px;
width: 100%;
height: 520px;
object-fit: cover;
}
/* Hide default counter */
.product__media-wrapper .slider-counter {
display: none;
}
/* Main slider arrow */
.product__media-wrapper #GalleryViewer-template--26352084484432__main {
position: relative;
}
.product__media-wrapper #GalleryViewer-template--26352084484432__main .slider-buttons {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.product__media-wrapper #GalleryViewer-template--26352084484432__main .slider-button--prev {
display: none;
}
.product__media-wrapper #GalleryViewer-template--26352084484432__main .slider-button--next {
width: 62px;
height: 62px;
border-radius: 50% 0 0 50%;
background: #fff;
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
color: #3A433E;
}
.product__media-wrapper #GalleryViewer-template--26352084484432__main .slider-button--next svg {
transform: rotate(-90deg);
}
/* Thumbnail row */
.product__media-wrapper .thumbnail-slider {
margin-top: 12px;
}
.product__media-wrapper .thumbnail-slider .slider-button {
display: none !important;
}
.product__media-wrapper .thumbnail-list {
display: flex;
gap: 10px;
padding: 0;
}
.product__media-wrapper .thumbnail-list__item {
width: 62px !important;
height: 62px !important;
flex: 0 0 62px;
}
.product__media-wrapper .thumbnail {
width: 62px;
height: 62px;
border-radius: 8px;
overflow: hidden;
border: 1px solid #ddd !important;
padding: 0;
background: #fff;
}
.product__media-wrapper .thumbnail[aria-current="true"] {
border: 2px solid #3A433E !important;
}
.product__media-wrapper .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.jz-simple-guarantee-box {
background: #F9F4EE;
border-radius: 12px;
padding: 18px 24px;
}
.jz-simple-guarantee-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.jz-simple-guarantee-box li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
font-size: 16px;
line-height: 24px;
color: #000000;
}
.jz-simple-guarantee-box li:last-child {
margin-bottom: 0;
}
.jz-simple-guarantee-box li::before {
content: "»";
position: absolute;
left: 0;
top: 0;
color: #3A433E;
font-size: 22px;
font-weight: 700;
}
.product__info-wrapper .product__description ul {
list-style: none;
padding-left: 0;
}
.product__info-wrapper .product__description ul li {
position: relative;
padding-left: 26px;
}
.product__info-wrapper .product__description ul li::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.product__info-container .product__title h1{
font-size:50px;
line-height:55px;
}
.product-form__submit {
margin-bottom: 1rem;
background: #3A433E;
color: #fff;
border-radius: 100px;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after{
box-shadow:none!important;
}
.product__media-wrapper .thumbnail[aria-current=true] img {
opacity:0.6;
}
.shopify-payment-button__button {
border-radius: 100px !important;
}
.appstle_subscription_wrapper #appstle_subscription_widget0 .appstle_circle {
border: 2px solid #3A433E !important;
}
#appstle_subscription_widget0 .appstle_circle {
border: 2px solid #3A433E !important;
}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input:checked:after {
background-color: #3A433E !important;
}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input:after {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 1) !important;
}
span.appstle_dot {
background-color: #3A433E !important;
}
/* Mobile */
@media screen and (max-width: 749px) {
.product__media-wrapper .product__media img {
height: auto;
aspect-ratio: 1 / 1;
}
.product__media-wrapper .thumbnail-list__item,
.product__media-wrapper .thumbnail {
width: 54px !important;
height: 54px !important;
flex: 0 0 54px;
}
}
/* end */
/* RESPONSIVE */
@media screen and (max-width: 1680px) {
.home-hero-banner {
min-height: 700px;
}
.hero-bg-image {
height: 700px;
}
.contact-banner-content {
padding: 100px 0;
}
.contact-banner-width {
width: 100%;
}
}
@media screen and (max-width: 1600px) {
.glp1-lemon {
padding: 90px 0;
}
.contact-banner {
min-height: 570px;
}
}
@media screen and (max-width: 1440px) {
.glp1-lemon {
padding: 60px 0;
}
.contact-banner {
min-height: 460px;
}
.contact-banner-width {
width: 100%;
}
.contact-banner-content {
max-width: 630px;
}
}
@media screen and (max-width: 1280px) {
.home-hero-bg {
width: 100%;
}
.contact-banner-content {
max-width: 500px;
}
}
@media screen and (max-width: 1024px) {
h1 {
font-size: 40px;
line-height: 48px;
}
h2 {
font-size: 28px;
line-height: 36px;
}
h3 {
font-size: 17px;
line-height: 22px;
}
h4 {
font-size: 14px;
line-height: 20px;
}
p {
font-size: 16px;
line-height: 26px;
}
.btn-one {
font-size: 12px;
line-height: 16px;
padding: 10px 18px;
}
.btn-two {
font-size: 12px;
line-height: 16px;
padding: 10px 18px;
}
.btn-one:after {
width: 18px;
height: 18px;
}
.home-hero-bg {
width: 100%;
}
.hero-bg-image {
height: 450px;
}
.home-hero-left p {
width: 410px;
}
.home-hero-container {
min-height: 450px;
}
.home-hero-banner {
min-height: auto;
}
.glp1-lemon-wrapper {
grid-template-columns: 50% 50%;
min-height: 400px;
}
.glp1-lemon {
padding: 0px;
margin-bottom: 30px;
}
.glp1-lemon-icon img{
width: 50px;
height: 50px;
object-fit: contain;
}
.glp1-lemon-icon {
margin: 0 auto 15px;
}
.glp1-lemon-item p
{
line-height: 16px;
font-size: 14px;
}
.support-box-right .support-box-heading {
width: 90%;
}
.glp1-lemon{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-position: right;
}
.mean-feeling-worse {
padding: 50px 0;
}
.mean-feeling-worse-left h2 {
margin: 0 120px 12px 0px;
}
.mean-feeling-worse-content p {
font-size: 14px;
}
.mean-feeling-worse-list-item span {
font-size: 12px;
line-height: 20px;
}
.mean-feeling-worse-highlight p {
font-size: 12px;
line-height: 20px;
}
.mean-feeling-worse-highlight {
padding: 14px 18px;
margin: 0px 30px 20px 0px;
}
.support-and-replenish {
padding: 50px 0;
}
.support-and-replenish-top {
margin-bottom: 30px;
}
.support-box {
min-height: 500px;
padding: 25px;
}
.support-box-heading {
font-size: 22px;
line-height: 30px;
}
.support-list-item span.support-icon {
font-size: 10px;
}
.support-icon {
width: 20px;
height: 20px;
min-width: auto;
}
.support-box-left .support-box-heading {
width: 100px;
}
.support-box-heading {
margin: 0 0 20px;
}
.support-list {
width: 100%;
}
.support-box-right .support-list {
position: relative;
left: 80px;
width: 70%;
}
.support-list-item span {
font-size: 12px;
line-height: 16px;
}
.one-scoop {
padding: 50px 0;
}
.one-scoop-item p {
width: 190px;
justify-self: center;
}
.hero-small-text {
margin-top: 28px !important;
font-size: 10px;
}
.home-hero-left h3 {
font-size: 10px;
}
.home-hero-left h1 {
margin: 0 60px 30px 0;
}
.header:not(.drawer-menu).page-width {
padding: 12px 20px;
}
.header__heading-logo-wrapper img {
width:150px;
}
.header-contact-btn {
font-size: 12px;
line-height: 18px;
padding: 8px 15px;
}
.header__inline-menu span{
font-size:14px;
}
.page-width {
padding: 0px 20px;
}
.built-specifically-users {
padding: 50px 0;
}
.built-specifically-users-top {
margin-bottom: 30px;
}
.built-specifically-users-content h3 {
font-size: 14px;
line-height: 20px;
}
.built-specifically-users-label {
font-size: 10px;
line-height: 14px;
text-align:left;
margin: 5px 0px;
}
.built-specifically-users-content p {
line-height: 20px;
}
.built-specifically-users-card{
display: flex;
flex-direction: column;
height: 100%;
}
.built-specifically-users-content{
display: flex;
flex-direction: column;
flex: 1;
}
.built-specifically-users-tag{
margin-top: auto;
}
.feel-better-reviews {
padding: 50px 0;
}
.supplements-built-glp1 {
padding: 50px 0;
}
.supplements-built-glp1-left h2 {
margin: 0 0px 10px 0px;
}
.supplements-built-glp1-content p
{
margin: 0px 0 18px;
font-size: 14px;
line-height:24px;
color: #596475;
}
.supplements-built-glp1-wrapper {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.supplements-table tr th:first-child, .supplements-table td:first-child {
padding-left: 15px;
}
.supplements-table tr th:first-child, .supplements-table td:first-child {
padding-left: 15px;
}
.supplements-table td {
padding: 14px 6px;
font-size: 14px;
line-height: 20px;
}
.supplements-table th {
font-size: 12px;
}
.supplements-table{
width: 100%;
table-layout: fixed;
}
.supplements-table tbody tr td:first-child,
.supplements-table thead tr th:first-child{
width: 50%;
text-align: left;
font-size: 12px;
line-height: 18px;
}
.supplements-table tbody tr td:not(:first-child),
.supplements-table thead tr th:not(:first-child){
width: 50%;
text-align: center;
font-size: 11px;
line-height: 18px;
}
.other-glp1-comparison {
padding: 50px 0;
}
.comparison-vs {
width: 70px;
height: 70px;
font-size: 16px;
}
.inside-work-accrodion {
padding: 50px 0;
}
.inside-work-accrodion-top {
margin-bottom: 25px;
}
.daily-habit-save {
padding: 0px;
}
.daily-habit-product-img img {
margin-left: -160px;
}
.daily-habit-product-img {
display: flex;
justify-content: flex-start;
width: max-content;
}
.daily-habit-card-btn {
min-height: 35px;
}
.daily-habit-product-img img {
width: 800px;
max-width: 800px;
max-height: 750px;
height: 750px;
}
.daily-habit-card-price {
font-size: 26px;
line-height: 25px;
}
.daily-habit-save-text {
line-height: 25px;
font-size: 20px;
}
.daily-habit-card-divider.has-text span {
font-size: 14px;
line-height: 20px;
}
.daily-habit-pricing-subtext p {
margin-bottom: 20px;
text-align: justify;
}
.daily-habit-card-badge {
width: 70%;
transform: translateX(-50%);
}
.daily-trust-item img {
width: 50px;
height: 50px;
}
.daily-habit-icons {
gap: 20px;
}
.daily-trust-item strong {
font-size: 18px;
line-height: 24px;
}
.daily-trust-item small {
font-size: 12px;
line-height: 20px;
}
.daily-faq-wrapper {
padding-bottom: 50px;
}
.contact-banner-content {
max-width: 450px;
}
.contact-info-box {
padding: 0px 0 50px;
background: #ffffff;
}
.custom-contact-wrapper {
gap: 35px;
}
.custom-contact-info-content p, .custom-contact-info-content a {
font-size: 16px;
line-height: 24px;
}
.custom-contact-info-icon {
width: 60px;
height: 60px;
}
.contact__button .button {
min-height: 42px;
padding: 8px 2px;
font-size: 12px;
}
.facets__form h2, span {
font-size: 14px;
}
.product-card-wrapper button {
padding: 10px 28px 10px;
min-height: 20px;
}
.cart__ctas button {
min-height:30px;
padding: 10px 28px 10px !important;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 35px;
line-height: 44px;
}
p {
font-size: 14px;
line-height: 24px;
}
.home-hero-banner {
min-height: auto;
padding: 50px 0 50px;
}
.home-hero-container {
flex-direction: column;
align-items: flex-start;
min-height: auto;
}
.home-hero-left {
width: 100%;
max-width: 100%;
position: relative;
z-index: 2;
}
.home-hero-right {
display: none;
}
.home-hero-left h1 {
margin: 0;
}
.home-hero-left {
width: 47%;
max-width: 100%;
}
.home-hero-buttons {
display: flex;
gap: 15px;
flex-direction: column;
width: 65%;
}
.glp1-lemon-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: center;
}
.glp1-lemon-icons {
width: 100%;
}
.glp1-lemon-right {
display: block;
}
.glp1-lemon-mobile-img {
display: none;
width: 100%;
height: auto;
}
.glp1-lemon {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-position: 71% 110%;
}
.glp1-lemon-wrapper {
min-height: auto;
}
.glp1-lemon-icons {
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 380px;
position: relative;
padding: 50px 0px;
}
.glp1-lemon-item {
padding: 20px 25px 0;
}
.glp1-lemon-item:nth-child(-n+4):before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%);
width: 100%;
height: 1px;
background: #3A433E24;
}
.glp1-lemon-item:not(:nth-child(2n)):after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 100%;
background: #3A433E24;
}
.contact-banner {
min-height: auto;
background-size: 100%;
background-position: center bottom;
padding-bottom: 30px;
margin-bottom: 50px;
}
.contact-banner-content {
max-width: 100%;
padding: 80px 0 40px;
}
.contact-banner-width {
width: 50%;
}
.mean-feeling-worse-wrapper {
grid-template-columns: 1fr;
gap: 10px;
}
.mean-feeling-worse-left {
max-width: 100%;
}
.mean-feeling-worse-left h2 {
margin: 0 20px 12px 0;
}
.mean-feeling-worse-highlight {
padding: 14px 18px;
margin: 0 0px 20px 0;
}
.mean-feeling-worse-list-item span, .mean-feeling-worse-highlight p {
font-size: 10px;
}
.one-scoop-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin: 0;
}
.one-scoop-item {
padding: 24px 16px;
}
.one-scoop-item h3 {
font-size: 16px;
line-height: 22px;
}
.one-scoop-item p {
font-size: 14px;
line-height: 20px;
}
.support-and-replenish-wrapper {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.support-box-left,
.support-box-right {
border-radius: 12px;
}
.support-box {
min-height: 420px;
}
.support-box-right .support-list {
width: 80%;
}
.support-and-replenish {
padding: 50px 0 30px;
}
.one-scoop-once-day-wrapper {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.one-scoop-once-day-top {
margin-bottom: 50px;
}
.one-scoop-main-image {
width: 80%;
height: 80%;
object-fit: cover;
border-radius: 50%;
}
.one-scoop-step-number {
left: 28px;
width: 30px;
height: 30px;
font-size: 15px;
top: 8px;
}
.one-scoop-small-icon {
width: 50px;
height: 50px;
bottom: 5px;
}
.one-scoop-once-day-item p {
font-size: 12px;
line-height: 18px
width: 180px;
place-self: center;
}
.one-scoop-once-day-image-wrap {
margin: 0 auto 15px;
}
.built-specifically-users-wrapper {
grid-template-columns: repeat(3, 1fr);
gap: 10px;
max-width: 100%;
}
.built-specifically-users-img {
height: auto;
}
.built-specifically-users-content h3 {
font-size: 12px;
line-height: 16px;
}
.supplements-built-glp1-wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
.other-glp1-comparison-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.comparison-vs {
top: 50%;
}
.comparison-card-left h2 {
font-size: 22px;
}
.comparison-card-right h2 {
font-size: 22px;
}
.comparison-card-img {
height: auto;
}
.inside-work-icon {
width: 25px;
height: 25px;
}
.inside-work-icon img {
width: 12px;
height: 12px;
}
.daily-habit-save-top {
margin-bottom: 40px;
}
.daily-price-btn {
min-height: 40px;
font-size: 12px;
}
.daily-habit-icons {
gap: 20px;
margin: 32px 0 50px;
}
.daily-habit-save-pricing,
{
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.daily-faq-wrapper {
gap: 28px;
grid-template-columns: 0.6fr 1.2fr;
}
.daily-faq-question span:first-child {
font-size: 12px;
line-height: 20px;
}
.daily-faq-icon img {
width: 80%;
height: 80%;
object-fit: contain;
}
.daily-faq-answer-inner p {
font-size: 12px;
line-height: 20px;
}
.daily-habit-product-pricing{
grid-template-columns:1fr;
}
.daily-habit-product-img{
order:1;
}
.daily-habit-pricing-right{
order:2;
max-width:100%;
}
.daily-habit-price-cards{
grid-template-columns:1fr 1fr 1fr;
}
.daily-habit-icons{
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.daily-trust-item div {
text-align: center;
}
.daily-trust-item img {
width: 40px;
height: 40px;
}
.daily-trust-item {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
border-right: 0px solid #e5e5e5;
flex-direction: column;
align-content: center;
}
.daily-trust-item{
border-right:0;
}
.comparison-vs {
width: 60px;
height: 60px;
}
.daily-habit-product-img img {
width: 100%;
max-width: 100%;
max-height: 100%;
height: 100%;
position: relative;
left: 100px;
}
.daily-habit-pricing-right {
padding-top: 0px;
}
.daily-habit-product-img img {
margin-left: -40px;
}
.daily-habit-pricing-right h2 {
text-align: center;
}
.daily-habit-pricing-subtext {
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
.daily-habit-pricing-subtext p {
margin-bottom: 40px;
text-align: center;
}
.daily-faq-wrapper .daily-faq-left {
width: 100%;
}
.contact-info-box-wrapper {
grid-template-columns: repeat(3, 1fr);
gap: 10px;
max-width: 100%;
}
.contact-info-item {
height: 230px;
padding: 20px;
}
.contact-info-icon img {
object-fit: contain;
width: 60px;
}
.product__info-wrapper {
padding: 0 0 0 2rem !important;
}
.product__info-container .product__title h1 {
font-size: 35px;
line-height: 44px;
}
.jz-simple-guarantee-box li {
padding-left: 25px;
margin-bottom: 12px;
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 767px) {
.daily-habit-icons{
grid-template-columns:1fr 1fr;
gap: 30px;
align-content: space-evenly;
justify-items: center;
}
.daily-habit-pricing-right h2{
font-size:24px;
}
.daily-habit-card-price{
font-size:28px;
}
.home-hero-buttons {
flex-direction: column;
align-items: flex-start;
}
.hero-btn {
width: 100%;
}
.glp1-lemon-item:nth-child(2n)::after {
display: none;
}
.glp1-lemon-item:not(:nth-child(3n))::after {
display: none;
}
.glp1-lemon-item:not(:nth-child(2n))::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 82%;
background: rgba(18, 55, 128, 0.14);
}
.glp1-lemon-item:nth-child(-n+3)::before {
display: none;
}
.glp1-lemon-item:nth-child(-n+4)::before {
display: block;
}
.glp1-lemon-icon {
width: 82px;
height: 82px;
}
.glp1-lemon-item {
min-height: 160px;
padding: 24px 18px;
}
.glp1-lemon-item p {
line-height: 26px;
}
.contact-banner {
padding-bottom: 240px;
}
.support-box {
padding: 30px 24px;
min-height: 360px;
}
.support-box-heading {
font-size: 30px;
line-height: 34px;
}
.support-list-item span {
font-size: 14px;
line-height: 20px;
}
.one-scoop-item {
padding: 28px 20px;
}
.one-scoop-once-day-image-wrap {
width: 180px;
height: 180px;
}
.built-specifically-users-img {
height: 220px;
}
.feel-better-reviews {
padding: 70px 0;
}
.feel-better-container {
padding-left: 20px;
}
.feel-better-slide {
width: 320px !important;
}
.feel-better-card {
padding: 22px 20px;
min-height: 200px;
border-radius: 14px;
}
.feel-better-review p {
font-size: 14px;
line-height: 22px;
}
.supplements-table {
min-width: 100%;
}
.comparison-card {
padding: 26px 20px;
}
.inside-work-toggle {
padding: 16px 18px;
}
.inside-work-content-inner {
padding: 0 18px 18px 58px;
}
.inside-work-left h3 {
font-size: 14px;
line-height: 20px;
}
.daily-habit-save {
padding: 0px;
}
.daily-price-card {
padding: 30px 22px 24px;
}
.daily-habit-icons {
gap: 18px;
}
}
@media screen and (max-width: 600px) {
.page-width {
padding: 0px 15px;
}
h1 {
font-size: 28px;
line-height: 35px;
}
p{
font-size:14px;
line-height: 22px;
}
.glp1-lemon-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 0px;
align-items: center;
}
.home-hero-banner {
padding: 50px 0 0;
overflow: hidden;
}
.home-hero-bg {
position: absolute;
left: 0;
right: 0;
bottom: 150px;
top: auto;
height: 360px;
z-index: 1;
}
.home-hero-bg::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(
180deg,
#ffffff 48%,
rgba(255,255,255,0.82) 63%,
rgba(255,255,255,0) 78%
);
}
.home-hero-bg img.hero-bg-image {
width: 100%;
height: 130%;
object-fit: cover;
object-position: 100% 100%;
display: block;
}
.home-hero-container,
.home-hero-left,
.home-hero-buttons,
.hero-small-text {
position: relative;
z-index: 5;
}
.home-hero-container {
display: block;
min-height: 760px;
}
.home-hero-left {
max-width: 100%;
text-align: center;
padding: 0;
}
.home-hero-left h3 {
font-size: 12px;
line-height: 16px;
}
.home-hero-left h1 {
margin: 0 auto 16px;
font-size: 34px;
line-height: 38px;
}
.home-hero-left > p:not(.hero-small-text) {
max-width: 335px;
margin: 0 auto 24px;
font-size: 16px;
line-height: 22px;
color: #596475;
}
.home-hero-buttons {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 100%;
margin: 0;
}
.home-hero-buttons .hero-btn {
width: 100%;
justify-content: center;
}
.hero-small-text {
margin: 0 auto;
font-size: 11px;
line-height: 16px;
letter-spacing: .8px;
text-transform: uppercase;
color: #596475;
}
.home-hero-right {
display: none;
}
.home-hero-left p {
font-size: 14px;
}
.home-hero-left p {
width: 100%;
}
.hero-bg-image {
height: 410px;
object-fit: cover;
object-position: 100% 100%;
}
.home-hero-left {
width: 100%;
max-width: 100%;
}
.home-hero-left {
top: -20px;
}
.home-hero-left p {
font-size: 12px;
}
.home-hero-left h1 {
width: 90%;
}
.home-hero-banner {
min-height: 650px;
}
.home-hero-buttons {
width: 100%;
}
.btn-one:hover{
padding: 10px 10px;
}
.btn-one {
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
}
.btn-two {
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
}
.glp1-lemon-icon img {
width: 70px;
height: 70px;
object-fit: contain;
}
.glp1-lemon-item p {
line-height: 20px;
font-size: 14px;
}
.glp1-lemon-item:not(:nth-child(2n))::after {
height: 100%;
}
.glp1-lemon {
background-image: none !important;
}
.glp1-lemon-wrapper {
display: flex;
flex-direction: column;
}
.glp1-lemon-right {
order: 1;
display: block !important;
width: 100%;
margin-bottom: 25px;
color: #edebe9;
}
.glp1-lemon-icons {
order: 2;
width: 100%;
}
.glp1-lemon-icons {
padding: 0px 0px 0px;
}
.glp1-lemon-mobile-img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.mean-feeling-worse-wrapper {
display: flex;
flex-direction: column;
}
.mean-feeling-worse-content p {
font-size: 16px;
text-align: center;
}
.mean-feeling-worse-left, .mean-feeling-worse-right {
width: 100%;
}
.mean-feeling-worse-left h2 {
margin: 0 0px 12px 0;
text-align:center;
}
.mean-feeling-worse-list {
padding: 10px 0px;
align-items: center;
}
.mean-feeling-worse-list-item span, .mean-feeling-worse-highlight p {
font-size: 14px;
}
.mean-feeling-worse-highlight {
text-align: center;
}
.mean-feeling-worse-wrapper {
gap: 40px;
}
.mean-feeling-worse-img {
object-fit: cover;
height: 400px;
}
.one-scoop-wrapper {
grid-template-columns: 1fr;
}
.one-scoop-once-day-wrapper {
grid-template-columns: 1fr;
}
.support-and-replenish-wrapper {
grid-template-columns: 1fr;
gap: 30px;
}
.support-box-left .support-box-heading {
width: 100%;
}
.support-box-right .support-box-content {
max-width: 220px;
}
.one-scoop {
padding: 50px 0;
}
.one-scoop-once-day {
padding: 50px 0;
}
.built-specifically-users-wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
max-width: 100%;
}
.built-specifically-users {
padding: 50px 0;
}
.supplements-built-glp1-wrapper{
grid-template-columns: 1fr !important;
overflow: hidden;
}
.supplements-built-glp1-left{
min-width: 0;
}
.supplements-table-wrap{
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
display: block;
}
.supplements-table{
min-width: 650px;
width: 650px;
}
.supplements-built-glp1-right{
width: 100%;
max-width: 100%;
overflow: hidden;
}
.supplements-built-glp1-img{
width: 100%;
max-width: 100%;
height: auto;
}
.supplements-built-glp1 {
padding: 50px 0;
}
.other-glp1-comparison-wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
.other-glp1-comparison {
padding: 50px 0;
}
.inside-work-accrodion {
padding: 50px 0;
}
.daily-habit-product-img img {
margin: 0 auto;
}
.daily-habit-product-img img {
left: 0px;
}
.daily-faq-wrapper {
gap: 30px;
grid-template-columns: 1fr;
}
.daily-habit-pricing-right{
overflow: hidden;
padding: 0 0 10px;
}
.daily-habit-price-cards{
display: flex !important;
grid-template-columns: none !important;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
padding: 8px 16px 16px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.daily-habit-price-card{
flex: 0 0 82%;
max-width: 82%;
min-width: 82%;
scroll-snap-align: center;
padding: 22px 18px;
}
.daily-habit-card-img img{
max-width: 145px;
height: auto;
}
.daily-habit-card-list li{
font-size: 15px;
line-height: 22px;
}
.daily-habit-price-cards::-webkit-scrollbar{
display: none;
}
.daily-habit-price-cards{
scrollbar-width: none;
}
.daily-trust-item strong {
font-size: 14px;
line-height: 20px;
}
.daily-trust-item img {
width: 50px;
height: 50px;
}
.daily-faq-question span:first-child {
font-size: 14px;
line-height: 20px;
}
.header-contact-btn {
display: none;
}
.daily-habit-product-pricing {
padding: 0px;
}
.product__info-wrapper {
padding: 0rem !important;
}
.product__info-container .product__title h1 {
font-size: 30px;
line-height: 35px;
}
.product__title {
margin-top: 20px;
}
.related-products{
padding-top: 0px;
}
.supplements-built-glp1-left h2 {
margin: 0 0px 20px 0px;
}
}
/* end */ /* =========================================================
ZORNAVA PALETTE OVERRIDE - append to END of custom.css
Colors only. No layout, spacing, or typography changes.
Delete this whole block to revert.
Replaces:
#3A433E grey-green -> #1C4034 forest
#1E1D1A near-black -> #1C4034 forest
#FFE354 lemon -> #CDE05B citron
#FFE25A lemon -> #CDE05B citron
#E8D36C gold -> #C8CEBF sage line
#F9F4EE cream -> #F6F3EA warm cream
#111111 black -> #15191B ink
#0B1628 blue-black -> #15191B ink
#596475 blue-grey -> #8A9086 sage grey
#F8FCFF blue-white -> #F6F3EA warm cream
#EEF4FF blue tint -> #E6EADF sage mist
rgba(18,55,128,x) navy -> rgba(28,64,52,x) forest
========================================================= */
:root{
--z-forest:#1C4034;
--z-cream:#F6F3EA;
--z-sage:#E6EADF;
--z-citron:#CDE05B;
--z-ink:#15191B;
--z-grey:#8A9086;
--z-line:#C8CEBF;
}
/* ---------- TEXT ---------- */
h1,h2{color:var(--z-forest);}
h3,h4,p,
.template-404 p,
.mean-feeling-worse-content p,
.mean-feeling-worse-list-item span,
.one-scoop-once-day-item p,
.glp1-lemon-item p,
.supplements-table td,
.built-specifically-users-text p,
.daily-habit-card-list li,
.feel-better-review p,
.contact-info-item h3,
.contact-info-text p,
.contact-info-text a,
.daily-faq-question span:first-child,
.daily-trust-item strong,
.daily-trust-item small,
.cart-item__name,
.cart-item__price-wrapper span.price.price--end,
.cart__blocks .totals p.totals__total-value{color:var(--z-ink);}
.hero-small-text,
.built-specifically-users-content p,
.supplements-built-glp1-content p,
.daily-habit-pricing-subtext p,
.daily-habit-card-divider.has-text span,
.daily-faq-answer-inner p,
.feel-better-verified,
.one-scoop-bottom-tags span,
.comparison-card-left h2,
.comparison-card-left > p,
.comparison-card-left li,
.home-hero-left > p:not(.hero-small-text){color:var(--z-grey);}
.facets__form h2,.facets__form span,.facets__form select,
.cart-items th.caption-with-letter-spacing,
.built-specifically-users-label,
.built-specifically-users-content h3,
.feel-better-author h3,
.support-bottom-text,
.mean-feeling-worse-highlight p,
.cart-count-bubble span,
.product-card-wrapper h3{color:var(--z-forest);}
/* ---------- SECTION BACKGROUNDS (alternating rhythm) ---------- */
.home-hero-banner{background:var(--z-cream);}
.mean-feeling-worse{background:var(--z-cream);}
.one-scoop{background:var(--z-sage);}
.one-scoop-once-day{background:var(--z-cream);}
.built-specifically-users{background:var(--z-sage);}
.supplements-built-glp1{background:var(--z-cream);}
.inside-work-accrodion{background:var(--z-sage);}
.feel-better-reviews{background:var(--z-cream);}
.support-and-replenish{background:var(--z-cream);}
.other-glp1-comparison{background:var(--z-cream);}
.contact-info-box{background:var(--z-cream);}
.contact-banner{background-color:var(--z-cream);}
/* Cards sit white on tinted sections */
.one-scoop-item,
.built-specifically-users-card,
.inside-work-item,
.daily-faq-item,
.daily-habit-price-card,
.supplements-table,
.supplements-table-wrap{background:#FFFFFF;}
.feel-better-card,
.comparison-card-left,
.contact-info-item,
.jz-simple-guarantee-box,
.mean-feeling-worse-highlight{background:var(--z-cream);}
.supplements-table tbody tr:nth-child(even){background:var(--z-cream);}
.glp1-lemon-icon{background:var(--z-sage);}
/* ---------- BUTTONS ---------- */
.btn-one,
.product-card-wrapper button,
.cart__ctas button#checkout,
.template-404 a.button,
.cart__warnings .button,
.cart-notification__links .button,
.mobile-facets__footer button.button.button--primary,
.header-contact-btn,
.product-form__submit,
.daily-habit-card-btn{background:var(--z-forest);border-color:var(--z-forest);color:var(--z-cream);}
.btn-one:hover,
.product-card-wrapper button:hover,
.cart__ctas button#checkout:hover,
.template-404 a.button:hover,
.cart__warnings .button:hover,
.cart-notification__links .button:hover,
.mobile-facets__footer button.button.button--primary:hover{background:#FFFFFF;color:var(--z-forest);border-color:var(--z-forest);}
.header-contact-btn:hover{background:#FFFFFF;color:var(--z-forest);}
.btn-two{color:var(--z-forest);border-color:rgba(28,64,52,.25);}
.btn-two:hover{background:var(--z-forest);border-color:var(--z-forest);color:#FFFFFF;
box-shadow:0 10px 25px rgba(28,64,52,.15);}
.product-card-wrapper button span{color:var(--z-cream)!important;}
.product-card-wrapper:hover button:hover span{color:var(--z-forest)!important;}
.product-form__submit span{color:var(--z-cream);}
/* ---------- CITRON ACCENT (sparingly) ---------- */
.home-hero-left h3{background:var(--z-citron);color:var(--z-ink);}
.comparison-card-right h2{color:var(--z-citron);}
/* Fake "buttons" on the Built Specifically cards -> quiet labels.
These are not clickable; styling them as buttons is misleading. */
.built-specifically-users-tag{
background:transparent;
color:var(--z-grey);
font-size:11px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
padding:6px 0 0;
border-radius:0;
text-align:left;
}
.built-specifically-users-tag:hover{background:transparent;color:var(--z-forest);}
/* ---------- DARK ELEMENTS ---------- */
.supplements-table th{background:var(--z-forest);color:var(--z-cream);}
.comparison-card-right{background:var(--z-forest);}
.comparison-vs{background:var(--z-forest);border-color:var(--z-cream);}
.inside-work-icon{background:var(--z-forest);}
.one-scoop-step-number{background:var(--z-forest);}
.daily-habit-card-badge{background:var(--z-forest);}
.support-box-left .support-icon{background:var(--z-forest);}
.support-box-right .support-icon{background:var(--z-forest);}
.support-box-right .support-box-heading,
.support-box-right .support-list-item span{color:var(--z-forest);}
.one-scoop-item:hover{background:var(--z-forest);box-shadow:0 18px 40px rgba(28,64,52,.18);}
.contact-info-item:hover{background:var(--z-forest);box-shadow:0 18px 40px rgba(28,64,52,.18);}
/* ---------- BORDERS, LINES, SHADOWS (navy -> forest) ---------- */
.supplements-table td{border-bottom-color:rgba(28,64,52,.10);}
.built-specifically-users-card{box-shadow:0 4px 14px rgba(28,64,52,.08);}
.feel-better-card{box-shadow:0 4px 14px rgba(28,64,52,.08);}
.inside-work-item{border-color:rgba(28,64,52,.10);}
.inside-work-item.active{box-shadow:0 10px 30px rgba(28,64,52,.08);}
.daily-faq-item{border-color:rgba(28,64,52,.12);}
.one-scoop-bottom-tags span{border-color:rgba(28,64,52,.16);}
.inside-work-arrow{border-right-color:var(--z-forest);border-bottom-color:var(--z-forest);}
.daily-habit-price-card{border-color:rgba(28,64,52,.16);}
.daily-habit-price-card.active{border-color:var(--z-forest);box-shadow:0 4px 14px rgba(28,64,52,.10);}
.glp1-lemon-item:not(:nth-child(4n))::after,
.glp1-lemon-item:nth-child(-n+4)::before{background:rgba(28,64,52,.14);}
/* Gold dividers -> quiet sage. Hide the empty one entirely. */
.daily-habit-card-divider.has-text::before,
.daily-habit-card-divider.has-text::after{background:var(--z-line);}
.daily-habit-card-divider:not(.has-text){display:none;}
/* ---------- REVIEW STARS ----------
Citron rather than lemon. Note: star displays should only appear
where real ratings exist. */
.feel-better-stars span{color:var(--z-citron);}
.feel-better-verified span{border-color:var(--z-forest);color:var(--z-forest);}
/* ---------- MOBILE TINTS ---------- */
@media screen and (max-width:991px){
.glp1-lemon-item:nth-child(-n+4):before,
.glp1-lemon-item:not(:nth-child(2n)):after{background:rgba(28,64,52,.14);}
.glp1-lemon-right{color:var(--z-sage);}
}
@media screen and (max-width:767px){
.glp1-lemon-item:not(:nth-child(2n))::after{background:rgba(28,64,52,.14);}
}
@media screen and (max-width:600px){
.home-hero-banner{background:var(--z-cream);}
.home-hero-bg::before{
background:linear-gradient(180deg,
#F6F3EA 48%,
rgba(246,243,234,.82) 63%,
rgba(246,243,234,0) 78%);
}
.home-hero-left > p:not(.hero-small-text),
.hero-small-text{color:var(--z-grey);}
}
/* ---------- HEADER ---------- */
sticky-header.header-wrapper{background:rgba(246,243,234,.85);}
.header__menu-item span{color:rgba(21,25,27,.7);}
.header__menu-item:hover span,
.header__menu-item.active span,
.header__menu-item[aria-current="page"] span{color:var(--z-forest)!important;}
/* ---------- APPSTLE SUBSCRIPTION WIDGET ---------- */
.appstle_subscription_wrapper #appstle_subscription_widget0 .appstle_circle,
#appstle_subscription_widget0 .appstle_circle{border-color:var(--z-forest)!important;}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input:checked:after{background-color:var(--z-forest)!important;}
span.appstle_dot{background-color:var(--z-forest)!important;}
/* ---------- PRODUCT PAGE ---------- */
.product__media-wrapper .thumbnail[aria-current="true"]{border-color:var(--z-forest)!important;}
.product__media-wrapper .slider-button--next{color:var(--z-forest);}
.jz-simple-guarantee-box li{color:var(--z-ink);}
.jz-simple-guarantee-box li::before{color:var(--z-forest);}
.product__info-container .product__description p span{color:var(--z-grey)!important;}
.product__info-container .product__description ul span{color:var(--z-ink)!important;}
/* END ZORNAVA PALETTE OVERRIDE */
/* ============================================================
Zornava rebuild — pricing badge fix
The "Best Value" badge was absolutely positioned at top:-11px with
width:70% and no z-index, so the card's 1px border ran through the pill
and the badge collided with the card title. Pin it to the border line,
size it to its text, raise it above the border, and knock the border out
behind it with a ring in the card background colour (#fff).
============================================================ */
.daily-habit-price-cards {
overflow: visible;
}
.daily-habit-price-card {
position: relative;
overflow: visible;
}
.daily-habit-price-card .daily-habit-card-badge {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
width: auto;
max-width: calc(100% - 28px);
min-height: 26px;
margin: 0;
padding: 0 16px;
border-radius: 30px;
white-space: nowrap;
box-shadow: 0 0 0 4px #fff;
}
/* keep the title clear of the pill now that it sits on the border line */
.daily-habit-price-card .daily-habit-card-top {
padding-top: 8px;
}
/* ---------- Founder ---------- */
.founder-inner {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 40px;
align-items: center;
padding: 64px 0;
}
.founder-inner--text-only {
grid-template-columns: minmax(0, 1fr);
max-width: 760px;
margin: 0 auto;
}
.founder-media img {
width: 100%;
height: auto;
border-radius: 16px;
}
.founder-signoff {
display: flex;
align-items: center;
gap: 12px;
margin-top: 18px;
}
.founder-signature {
max-width: 160px;
height: auto;
}
.founder-signature-todo,
.comparison-blocked-note {
opacity: 0.6;
font-size: 12px;
}
.founder-link {
display: inline-block;
margin-top: 14px;
}
@media (max-width: 749px) {
.founder-inner {
grid-template-columns: minmax(0, 1fr);
padding: 40px 0;
}
}
/* ---------- Comparison table ---------- */
.comparison-table-section {
padding: 64px 0;
}
.comparison-table-scroll {
overflow-x: auto;
}
.comparison-table {
width: 100%;
border-collapse: collapse;
text-align: left;
}
.comparison-table th,
.comparison-table td {
padding: 12px 16px;
border-bottom: 1px solid rgba(28, 64, 52, 0.12);
}
.comparison-col--zornava {
font-weight: 700;
}
.comparison-footnote {
margin-top: 14px;
opacity: 0.7;
font-size: 13px;
}
/* ---------- What's inside ---------- */
.whats-inside-section {
padding: 64px 0;
}
.whats-inside-finalizing {
/* no boxed padding or dashed border — the section's own padding carries it */
text-align: center;
}
.whats-inside-finalizing-text {
margin: 0 0 20px;
font-weight: 600;
}
.supplement-facts {
border: 2px solid #000;
padding: 14px;
max-width: 520px;
}
.supplement-facts__title {
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.supplement-facts__head,
.supplement-facts__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 12px;
padding: 4px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.supplement-facts__row.is-indented .supplement-facts__name {
padding-left: 16px;
}
.supplement-facts__other,
.supplement-facts__footnote {
margin: 10px 0 0;
font-size: 12px;
}
/* ============================================================
Zornava rebuild — hero restore + proof points row
The proof points were sitting inside the hero and squeezing the
two-column grid. They now live in sections/proof-points.liquid.
============================================================ */
/* badge and CTAs must never wrap mid-phrase */
.home-hero-left h3.home-hero-badge {
white-space: nowrap;
max-width: 100%;
}
.home-hero-buttons .hero-btn {
white-space: nowrap;
}
@media screen and (min-width: 992px) {
/* headline column at least 55% on desktop; the 600px cap was the real squeeze */
.home-hero-container {
display: flex;
align-items: center;
gap: 32px;
}
.home-hero-left {
width: 58%;
max-width: none;
flex: 0 0 58%;
}
.home-hero-right {
width: 42%;
flex: 0 0 42%;
display: block;
}
/* the 410px cap came from a 1024px rule and still bit at 992-1024 */
.home-hero-left > p:not(.hero-small-text) {
width: auto;
max-width: 54ch;
}
.home-hero-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
}
/* ---------- Proof points row (sections/proof-points.liquid) ---------- */
.proof-points-section {
padding: 40px 0 44px;
/* page cream, matching the Eating Less section directly below */
background: #F9F4EE;
}
.proof-points {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
margin: 0;
padding: 0;
list-style: none;
}
.proof-point {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
min-width: 0;
/* keeps all three columns aligned when one label wraps */
min-height: 132px;
}
.proof-point__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
}
.proof-point__icon img {
width: 48px;
height: 48px;
object-fit: contain;
}
.proof-point__label {
font-weight: 700;
line-height: 1.2;
}
.proof-point__detail {
opacity: 0.85;
line-height: 1.4;
}
.proof-points-strip {
margin: 28px 0 0;
text-align: center;
opacity: 0.75;
font-size: 13px;
}
@media screen and (max-width: 749px) {
.proof-points {
grid-template-columns: minmax(0, 1fr);
gap: 22px;
}
}
/* ============================================================
Dagger (U+2020)
sup.sf never affects line height. Daggers authored in richtext JSON are bare
anchors (richtext strips ), so they get the identical treatment here.
The pinned font stack and fixed weight stop a subsetted webfont or a bold
context substituting or synthesising the glyph.
============================================================ */
sup.sf,
a[href="#fda-disclaimer"] {
/* True inline superscript. `vertical-align: super` was the bug: on top of the
small font-size it lifted the glyph clear of the word, most visibly in the
proof-points row. Baseline alignment plus a relative offset keeps the dagger
on the text, and line-height:0 stops it growing the line box. */
position: relative;
top: -0.42em;
vertical-align: baseline;
line-height: 0;
font-size: 0.62em;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-variant-position: normal;
letter-spacing: 0;
}
sup.sf a {
font: inherit;
line-height: 0;
text-decoration: none;
color: inherit;
}
sup.sf a:focus-visible,
a[href="#fda-disclaimer"]:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
/* ---------- Pricing image (placeholder asset) ---------- */
#pricing .daily-habit-product-img img {
object-fit: cover;
object-position: left center;
/* the -160px pull was tuned for the previous asset */
margin-left: 0;
}
/* inline trust-bar icon, matched to the uploaded-icon box */
.daily-trust-item .daily-trust-svg {
width: 50px;
height: 50px;
flex-shrink: 0;
color: #1C4034;
}
/* ============================================================
Button label colours — explicit, never inherited
Every button states its own label colour so no link rule can repaint it.
Green-filled buttons take cream; citron-filled buttons take forest.
:link/:visited are included so a bare element rule can never outrank these.
============================================================ */
.btn-one,
.btn-one:link,
.btn-one:visited,
.hero-btn.btn-one,
.hero-btn.btn-one:link,
.hero-btn.btn-one:visited,
.header-contact-btn,
.header-contact-btn:link,
.header-contact-btn:visited,
.daily-habit-card-btn,
.daily-habit-card-btn:link,
.daily-habit-card-btn:visited,
.whats-inside-finalizing-link,
.whats-inside-finalizing-link:link,
.whats-inside-finalizing-link:visited,
a.button,
a.button:link,
a.button:visited,
.template-404 a.button,
.cart__warnings .button,
.cart-notification__links .button,
.product-card-wrapper button,
.product-card-wrapper button span,
.mobile-facets__footer button.button.button--primary,
.cart__ctas button#checkout {
color: #F5F1E8;
}
/* citron-filled buttons take forest text.
The footer CTA is the live example (#CDE05B fill). */
.custom-footer a.custom-footer-btn,
.custom-footer a.custom-footer-btn:link,
.custom-footer a.custom-footer-btn:visited,
.btn-citron,
.btn-citron:link,
.btn-citron:visited,
.button--citron,
.button--citron:link,
.button--citron:visited {
color: #1C4034;
}
/* hover states invert to a light fill, so the label must go dark again.
These come last so they outrank the :link/:visited rules above. */
.btn-one:hover,
.hero-btn.btn-one:hover,
.header-contact-btn:hover,
.daily-habit-card-btn:hover,
.whats-inside-finalizing-link:hover,
a.button:hover,
.template-404 a.button:hover,
.cart__warnings .button:hover,
.cart-notification__links .button:hover,
.mobile-facets__footer button.button.button--primary:hover,
.cart__ctas button#checkout:hover {
color: #1C4034;
}
.product-card-wrapper:hover button:hover span {
color: #1C4034;
}
/* outline / light-fill buttons keep a forest label in both states */
.btn-two,
.btn-two:link,
.btn-two:visited {
color: #1C4034;
}
.btn-two:hover {
color: #F5F1E8;
}
/* footer link columns are cream on green — never body-text green.
The citron CTA is excluded; it is styled with the citron rule above. */
.custom-footer a:not(.custom-footer-btn),
.custom-footer a:not(.custom-footer-btn):link,
.custom-footer a:not(.custom-footer-btn):visited {
color: #F6F3EA;
}
.custom-footer .fda-disclaimer a,
.custom-footer .fda-disclaimer a:visited {
color: #F6F3EA;
}
/* ---------- Pricing image: show the whole tub ---------- */
#pricing .daily-habit-product-img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100%;
}
#pricing .daily-habit-product-img img {
width: 100%;
height: auto;
max-height: 460px;
object-fit: contain;
object-position: center;
margin-left: 0;
background: transparent;
}