/** Shopify CDN: Minification failed
Line 4278:24 Unexpected "last"
**/
/* @font-face {
font-family: 'Helvetica Neue LT Pro';
src: url('HelveticaNeueLTPro-Roman.woff2') format('woff2'),
url('HelveticaNeueLTPro-Roman.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue LT Pro';
src: url('HelveticaNeueLTPro-Hv.woff2') format('woff2'),
url('HelveticaNeueLTPro-Hv.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue LT Pro';
src: url('HelveticaNeueLTPro-Lt.woff2') format('woff2'),
url('HelveticaNeueLTPro-Lt.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
} */
/* Review Section Base Styles */
.review-storytime-section {
--navy-dark: #0f4281;
--blue-text: #1a519c;
--sky-light: #eaf4fc;
--badge-bg: #00b1d8;
--star-color: #ffbc00;
position: relative;
}
.review-storytime__container {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
}
/* Header Grid Layout */
.review-storytime__header-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin-bottom: 40px;
align-items: center;
}
.review-storytime__left {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.review-storytime__badge {
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 1; /* 125% */
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 8px;
text-transform: uppercase;
border-radius: 8px;
background: #00A6CE;
font-family: var(--font-body--family);
}
.review-storytime__heading {
color: #134A86;
font-size: clamp(32px, 5vw, 46px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 50.6px */
text-transform: capitalize;
margin: 0;
padding: 20px 0;
}
.review-storytime__subheading {
color: #134A86;
font-size: clamp(16px, 2vw, 18px);
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
max-width: 555px;
margin: 0;
padding-bottom: 44px;
}
.review-storytime__btn {
background-color: var(--navy-dark);
color: #ffffff !important;
text-decoration: none;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.05em;
padding: 14px 28px;
border-radius: 12px;
transition: opacity 0.2s ease;
}
.review-storytime__btn:hover {
opacity: 0.9;
}
.review-storytime__right {
display: flex;
justify-content: flex-start;
}
.review-storytime__graphic {
max-width: 275px;
height: auto;
}
.review-card {
height: auto;
}
.review-card__inner {
background: #ffffff;
border-radius: 24px;
padding: 32px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.review-card__quote-decal {
position: absolute;
top: -44px;
right: 24px;
font-size: 90px;
color: rgba(26, 81, 156, 0.07);
font-family: serif;
line-height: 1;
pointer-events: none;
}
.review-card__stars {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 12px;
}
.review-card__title {
overflow: hidden;
color: #134A86;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
margin: 0 0 8px 0;
}
.review-card__body {
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin-bottom: 19px;
flex-grow: 1;
max-width: 330px;
}
.review-card__meta {
display: flex;
justify-content: space-between;
align-items: flex-end;
font-size: 12px;
margin-bottom: 16px;
}
.review-card__meta-left {
display: flex;
flex-direction: column;
gap: 4px;
}
.review-card__author {
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.review-card__verified {
color: #134A86;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 18px */
display: inline-flex;
align-items: center;
gap: 4px;
}
.review-card__date {
color: #808080;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 18px */
opacity: 0.5;
}
.review-card__divider {
border: none;
border-top: 1px solid #eef2f7;
margin: 0 0 16px 0;
}
.review-card__product {
display: flex;
align-items: center;
gap: 12px;
background: #fdfdfd;
position: relative;
}
.review-card__product-image img {
width: 80px;
height: auto;
object-fit: contain;
border-radius: 8px;
border: 1px solid #f0f0f0;
}
.review-card__product-info {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.review-card__product-title {
overflow: hidden;
color: #134A86;
font-family: var(--font-h2--family);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
.review-card__product-prices {
display: flex;
gap: 6px;
font-size: 12px;
margin-top: 2px;
}
.review-card__price-current {
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.review-storytime__swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #134A86;
}
.review-card__price-compare {
color: #a0a0a0;
text-decoration: line-through;
}
.review-card__product-link {
background-color: var(--navy-dark);
color: #ffffff;
width: 48px;
height: 48px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.review-card__inner:hover .review-card__product-link{
opacity: 1;
}
.review-storytime__controls {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px;
gap: 24px;
}
.review-storytime__pagination.swiper-pagination-progressbar {
position: relative !important;
width: 100% !important;
height: 4px !important;
background: rgba(15, 66, 129, 0.1) !important;
border-radius: 2px;
}
.review-storytime__pagination .swiper-pagination-fill {
background: var(--navy-dark) !important;
}
.review-storytime__navigation {
display: flex;
gap: 8px;
}
.review-nav-btn {
background-color: #8faec4;
color: #ffffff;
border: none;
width: 38px;
height: 36px;
border-radius: 14px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease;
}
.review-nav-btn:hover {
background-color: var(--navy-dark);
}
/* Announcement Bar Base Layout */
.announcement-bar-marquee-wrapper {
background-color: var(--bg-color);
overflow: hidden;
width: 100%;
}
.announcement-bar-marquee__container {
padding: 10px 0;
}
.announcement-bar-marquee__track {
display: flex;
width: 100%;
}
.announcement-bar-marquee__content {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 100%;
gap: 30px;
color: var(--text-color);
}
.announcement-bar-marquee__item {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
}
.announcement-bar-marquee__icon {
width: auto;
height: 18px;
object-fit: contain;
display: inline-block;
}
.announcement-bar-marquee__text {
color: var(--text-color);
color: #FFF;
font-family: var(--font-heading--family);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16.5px;
}
/* Desktop Defaults: Hide loop duplication */
.mobile-only-duplicate {
display: none;
}
@keyframes announcementMarqueeLoop {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.header__column {
justify-content: space-between;
}
.header__columns:where(:not(:has(.header__column--center))):has(.header__column--left header-menu) {
--header-right: minmax(1fr auto 1fr) !important;
}
.menu-list__link-title {
color: #134A86;
font-size: 14px;
font-style: normal;
font-family: var(--font-heading--family);
font-weight: 400;
line-height: 21px;
text-transform: capitalize;
}
.icon-block {
flex-direction: column;
gap: 24px;
}
.icon-block-text {
color: #134A86;
font-size: 16.084px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.footer-content {
display: flex;
}
.footer-content .menu__heading__default {
color: #134A86;
font-size: 16.084px;
font-style: normal;
font-weight: 700 !important;
line-height: 18.999px;
}
.footer-content .menu__item.paragraph a{
color: #134A86;
font-size: 13.068px;
font-style: normal;
font-weight: 400;
line-height: 18.698px; /* 143.077% */
text-transform: capitalize;
}
/* Review Feed Section Typography & Design Scope */
.review-feed-section {
--navy-dark: #124076;
--blue-text: #1a519c;
--star-color: #ffbc00;
--card-border: #0f4281;
background-color: transparent;
}
.review-feed__container {
max-width: 1240px;
margin: 0 auto;
padding: 0 16px;
}
/* Section Centered Header Details */
.review-feed__header {
text-align: center;
margin-bottom: 46px;
}
.review-feed__badge {
color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 14px;
border-radius: 20px;
display: inline-block;
margin-bottom: 12px;
border-radius: 8px;
background: #00A6CE;
font-family: var(--font-body--family);
}
.review-feed__heading {
color: #134A86;
font-size: clamp(32px, 5vw, 46px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 50.6px */
text-transform: capitalize;
margin: 0 0 8px 0;
}
.review-feed__subheading {
color: #134A86;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin: 0;
}
/* Two-Column Grid Setup */
.review-feed__grid-layout {
display: grid;
grid-template-columns: 1fr;
gap: 46px;
}
.review-feed__featured-banner {
position: relative;
border-radius: 24px;
overflow: hidden;
display: flex;
min-height: 340px;
}
.review-feed__banner-media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.review-feed__banner-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.review-feed__banner-overlay {
position: relative;
z-index: 2;
padding: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
align-items: center;
}
.review-feed__banner-inner-text {
text-align: center;
}
.review-feed__banner-quote-decal {
font-family: serif;
font-size: 90px;
color: rgba(15, 66, 129, 0.15);
line-height: 0.6;
text-align: right;
font-weight: bold;
transform: scaleY(-1);
display: block;
user-select: none;
}
.review-feed__banner-quote {
color: #134A86;
text-align: center;
font-size: clamp(16px, 2vw, 18px);
font-style: normal;
font-weight: 400;
line-height: 24px; /* 120% */
max-width: 344px;
margin: 0 auto 12px;
text-align: center;
}
.review-feed__banner-author {
color: #134A86;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}
/* Right Side Block Iterative Display Rows */
.review-feed__blocks-holder {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.review-feed-card {
background: #ffffff;
border-radius: 30px;
border: 3px solid var(--Primary, #134A86);
background: var(--Dr-Moritz-White, #FFF);
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 160px;
}
.review-feed-card__stars {
color: var(--star-color);
font-size: 14px;
margin-bottom: 12px;
display: flex;
gap: 5px;
}
.review-feed-card__body {
color: #134A86;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px;
margin-bottom: 16px;
flex-grow: 1;
max-width: 301px;
}
.review-feed-card__meta {
border-top: 1px dashed #BFBFBF;
padding-top: 10px;
display: flex;
flex-direction: column;
}
.review-feed-card__author {
color: #134A86;
font-size: 11.8px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 152.542% */
margin-top: 16px;
}
.review-feed-card__verified {
color: #134A86;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16.5px; /* 150% */
}
/* Section Footer Button Action styling */
.review-feed__footer-action {
text-align: center;
margin: 0 auto;
padding-top: 46px;
display: flex;
justify-content: center;
}
.review-feed__load-btn {
background-color: var(--navy-dark);
color: #ffffff !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.05em;
padding: 14px 32px;
border-radius: 12px;
text-decoration: none;
display: inline-block;
transition: opacity 0.2s ease;
}
.review-feed__load-btn:hover {
opacity: 0.9;
}
.review-feed__banner-media picture {
width: 100%;
height:100%;
}
.button{
height: 41px;
font-family: var(--font-h2--family) !important;
}
.promo-banner__heading {
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
margin-bottom: 0;
max-width: 670px;
}
.promo-banner__text {
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24.38px; /* 162.533% */
}
.promo-banner__buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
}
.promo-banner__buttons .button {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 12px 24px;
min-width: 160px;
text-align: center;
padding-block-start: 16px;
}
.promo-banner__graphic {
flex-shrink: 0;
width: 221px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.promo-banner__img {
width: 100%;
height: auto;
object-fit: contain;
}
.promo-banner__wrapper {
background-color: #f0f6fa;
border-radius: 24px;
padding: 32px;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: space-between;
gap: 24px;
position: relative;
overflow: hidden;
}
.promo-banner__content {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
z-index: 2;
}
.quick-help__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.quick-help_header{
margin-bottom: 48px;
}
.quick-help__title {
color: #134A86;
font-size: clamp(30px, 4vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
margin: 0;
}
.quick-help__top-link {
color: var(--text-navy);
font-size: 13px;
font-weight: 600;
text-decoration: underline;
transition: opacity 0.2s ease;
}
.quick-help__top-link:hover {
opacity: 0.8;
}
.quick-help__grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
width: 100%;
}
.quick-help__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.quick-help__title {
color: #134A86;
font-size: clamp(30px, 4vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
margin: 0;
}
.quick-help__top-link {
color: var(--text-navy);
font-size: 13px;
font-weight: 600;
text-decoration: underline;
transition: opacity 0.2s ease;
}
.quick-help__top-link:hover {
opacity: 0.8;
}
.quick-help__grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
width: 100%;
}
.quick-help-card {
text-decoration: none;
border-radius: 24px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: auto;
transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s ease;
}
.quick-help-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(15, 66, 129, 0.08);
}
.quick-help-card__top {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
/* margin-bottom: 20px; */
}
.quick-help-card__content {
flex: 1;
}
.quick-help-card__heading {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
margin: 0 0 6px 0;
}
.quick-help-card__text {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
font-weight: 500;
margin: 0 0 12px;
max-width: 195px;
}
.quick-help-card__icon-wrap {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.quick-help-card__img {
width: 100%;
height: 100%;
object-fit: contain;
}
.quick-help-card__cta {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: auto;
}
/* Left Side: Branding Content Area */
.faq__info-column {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.faq__badge {
background-color: #00A6CE;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.5px;
text-transform: uppercase;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 6px;
margin-bottom: 16px;
display: inline-block;
}
.faq__title {
color: #134A86;
font-size: clamp(28px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
margin: 0;
max-width: 460px;
}
.faq__subtitle {
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24.38px; /* 162.533% */
max-width: 460px;
margin: 15px 0;
}
.faq__cta-btn {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
padding: 14px 28px;
border-radius: 12px;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
margin-bottom: 32px;
}
.faq__graphic-container {
max-width: 180px;
width: 100%;
margin-top: 20px;
}
.faq__grid {
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
}
.faq__mascot {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
/* Right Side: Accordion Layout Engine */
.faq__accordion-column {
width: 100%;
}
.faq-item {
border-bottom: 1px dashed #134A86;
padding: 20px 0;
display: block;
}
.faq-item:first-of-type {
padding-top: 0;
}
.faq-item__details {
width: 100%;
}
.faq-item__summary {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
cursor: pointer;
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 22.5px;
letter-spacing: -0.3px;
padding: 0;
font-family: var(--font-h2--family);
}
.faq-item__summary::-webkit-details-marker {
display: none;
}
.faq-item__icon-toggle {
width: 16px;
height: 16px;
flex-shrink: 0;
color: var(--brand-blue);
transition: transform 0.25s ease;
}
/* Chevron state logic flip */
.faq-item__details[open] .faq-item__icon-toggle {
transform: rotate(180deg);
}
.faq-item__content {
margin-top: 12px;
color: var(--Primary, #134A86);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21.13px; /* 162.538% */
padding-right: 24px;
}
.faq-item__content p {
margin: 0 0 1em 0;
}
.faq-item__content p:last-child {
margin-bottom: 0;
}
.promo-banner_badge {
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 15px;
letter-spacing: 1.5px;
text-transform: uppercase;
border-radius: 8px;
background: #00A6CE;
padding: 6px 10px;
margin: 0;
}
.founder-story-wrapper {
width: 100%;
box-sizing: border-box;
}
/* Master Design Card Container matching image_a32c16.png */
.founder-story-wrapper .founder-story__card {
display: flex;
border-radius: 24px;
width: 100%;
box-sizing: border-box;
padding: 48px;
gap: 80px;
}
.founder-story-wrapper .founder-story__content {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
.founder-story-wrapper .founder-story__media-frame {
width: 100%;
box-sizing: border-box;
display: flex;
}
.founder-story-wrapper .founder-story__picture {
width: 100%;
display: block;
}
.founder-story-wrapper .founder-story__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 20px;
object-position: top;
}
/* Micro Elements Styling Rules */
.founder-story-wrapper .founder-story__badge {
padding: 6px 16px;
border-radius: 8px;
background: #00A6CE;
align-self: flex-start;
margin-bottom: 24px;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal; /* 125% */
letter-spacing: 1.5px;
text-transform: uppercase;
}
.founder-story-wrapper .founder-story__heading {
margin: 0 0 20px 0;
color: inherit;
color: #134A86;
font-size: clamp(30px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
/* max-width: 500px; */
}
.founder-story-wrapper .founder-story__text-body {
margin: 0 0 28px 0;
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.founder-story-wrapper .founder-story__text-body p:last-child {
margin-bottom: 0;
}
/* Blockquote component architecture layout */
.founder-story-wrapper .founder-story__quote-box {
border-left: 4px solid #134A86;
padding-left: 16px;
margin: 0;
}
.founder-story-wrapper .founder-story__quote-paragraph {
color: #134A86;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 24px; /* 150% */
margin: 0 0 8px 0;
max-width: 519px;
}
.founder-story-wrapper .founder-story__quote-author {
color: #134A86;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
display: block;
}
.quick_ingrediant .quick-help-card__top{
margin: 0;
}
.quick_ingrediant .quick-help-card__heading{
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 31.2px */
text-transform: capitalize;
}
.quick_ingrediant .quick_ingrediant .quick-help-card__top{
height: 100%;
}
.quick_ingrediant .quick-help-card__text{
max-width: 190px;
}
.quick_help-badge {
color: #FFF;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 15px;
letter-spacing: 1.5px;
text-transform: uppercase;
border-radius: 8px;
background: #00A6CE;
width: max-content;
padding: 6px 16px;
}
.quick-help_sub{
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.horizone-split-wrapper {
width: 100%;
box-sizing: border-box;
position: relative;
}
.horizone-split__container {
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
background: #ffffff;
position: relative;
}
.horizone-split__container--reverse {
flex-direction: column;
}
.horizone-split__media-frame {
width: 100%;
box-sizing: border-box;
display: flex;
}
.horizone-split__picture {
width: 100%;
display: block;
}
.horizone-split__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 24px;
}
.horizone-split__content {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
position: relative;
}
.horizone-split__badge {
background-color: #00A6CE;
padding: 6px 16px;
border-radius: 8px;
align-self: flex-start;
margin-bottom: 12px;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 15px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.horizone-split__heading {
margin: 0 0 16px 0;
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%;
text-transform: capitalize;
}
.horizone-split__text-body {
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.horizone-split__text-body p {
margin: 0 0 1em 0;
}
.horizone-split__text-body p:last-child {
margin-bottom: 0;
}
.horizone-split__illustration {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
display: block;
}
.horizone-split__illustration img {
display: block;
height: auto;
}
.family-cards-wrapper {
width: 100%;
box-sizing: border-box;
}
.family-cards__container {
width: 100%;
background-color: #edf7fd; /* Perfect signature sky light blue container fill */
border-radius: 0px;
box-sizing: border-box;
position: relative;
padding: 40px 20px;
}
/* Header Container Frame Properties */
.family-cards__header {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin-bottom: 32px;
}
/* Badge Layout Styling */
.family-cards__badge {
color: #FFF;
border-radius: 8px;
background: #00A6CE;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 15px;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 16px;
width: max-content;
margin-bottom: 16px;
}
/* Typography Heading Blueprint */
.family-cards__main-title {
margin: 0;
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
}
/* Floating Absolute Positioned Fruit Characters */
.family-cards__mascot {
position: absolute;
top: -25px;
right: 0;
z-index: 5;
}
.family-cards__mascot img {
display: block;
height: auto;
}
/* Layout Cards Distribution Engine */
.family-cards__grid {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
/* Individual Content Container Properties */
.family-cards__item {
background-color: #ffffff;
border-radius: 24px;
overflow: hidden;
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
padding: 0 0 24px 0;
}
.family-cards__image-box {
width: 100%;
position: relative;
overflow: hidden;
display: block;
}
.family-cards__image-box a {
text-decoration:none;
}
.family-cards__image-box img,
.family-cards__image-box picture {
width: 100%;
display: block;
object-fit: cover;
}
/* Typography Grid inside Card Boxes */
.family-cards__info {
padding: 24px 24px 0 24px;
display: flex;
flex-direction: column;
}
.family-cards__card-title {
margin: 0 0 12px 0;
color: #134A86;
font-size: clamp(20px, 2.5vw, 26px);
font-style: normal;
font-weight: 700;
line-height: 120%; /* 31.2px */
text-transform: capitalize;
}
.family-cards__card-desc {
margin: 0 0 16px 0;
color: #134A86;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.family-cards__card-desc p {
margin: 0;
}
/* Anchors Underline Styling Links */
.family-cards__link {
font-size: 13px;
font-weight: 700;
color: #12306b;
text-decoration: none;
display: inline-flex;
align-self: flex-start;
border-bottom: 1.5px solid #12306b;
padding-bottom: 2px;
transition: opacity 0.2s ease;
}
.family-cards__link:hover {
opacity: 0.7;
}
.social-proof-swiper {
width: 100%;
box-sizing: border-box;
background: #ffffff;
}
.social-proof__container {
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
/* Header Grid Formatting layout */
.social-proof__header {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 28px;
}
.social-proof__badge {
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18.6px; /* 155% */
letter-spacing: 1.44px;
text-transform: uppercase;
padding: 6px 16px;
margin-bottom: 16px;
background-color: #00A6CE;
border-radius: 8px;
width: max-content;
font-family: var(--font-paragraph--family);
}
.social-proof__heading {
margin: 0 0 12px 0;
color: #134A86;
font-size: clamp(30px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
}
.social-proof__subheading {
color: #134A86;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}
.social-proof__subheading p {
margin: 0;
}
/* Metric Pill Grid Settings */
.social-proof__stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-bottom: 32px;
width: 100%;
}
.social-proof__stat-card {
border-radius: 20px;
padding: 20px 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: #ffffff;
}
/* Authentic color variations matching mockups exactly */
.social-proof__stat-card.color-scheme-purple { background-color: #9075B5; }
.social-proof__stat-card.color-scheme-rose { background-color: #EB7C8E; }
.social-proof__stat-card.color-scheme-teal { background-color: #76C2CB; }
.social-proof__stat-card.color-scheme-green { background-color: #79B56F; }
.social-proof__stat-number {
color: #FFF;
text-align: center;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 39.6px; /* 110% */
letter-spacing: -0.72px;
margin-bottom: 4px;
font-family: var(--font-h2--family);
}
.social-proof__stat-label {
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18.6px;
letter-spacing: 1.44px;
text-transform: uppercase;
}
/* Testimonials Structural Layout rules */
.social-proof__testimonial-card {
border: 2px solid #12306b;
border-radius: 24px;
padding: 24px;
box-sizing: border-box;
background: #ffffff;
display: flex;
flex-direction: column;
height: auto;
}
.social-proof__stars {
display: flex;
gap: 4px;
margin-bottom: 16px;
}
.social-proof__review-text {
font-size: 14.074px;
font-style: normal;
font-weight: 400;
line-height: 22.87px; /* 162.5% */
margin-bottom: 24px;
flex-grow: 1;
max-width: 345px;
color: #134A86;
}
.social-proof__author-meta {
border-top: 1.005px dashed var(--Dr-Moritz-Blue, #134A86);
padding-top: 12px;
display: flex;
flex-direction: column;
gap: 2px;
}
.social-proof__author-meta strong {
color: #134A86;
font-size: 11.862px;
font-style: normal;
font-weight: 700;
line-height: 18.095px; /* 152.542% */
font-family: var(--font-h2--family);
}
.social-proof__author-meta span {
color: #134A86;
font-size: 11.058px;
font-style: normal;
font-weight: 400;
line-height: 16.587px; /* 150% */
}
/* Trust Badges Footer Area Layout */
.social-proof__trust-footer {
margin-top: 40px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.social-proof__trust-title {
color: #134A86;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18.6px; /* 155% */
letter-spacing: 1.44px;
text-transform: uppercase;
margin-bottom: 20px;
}
.social-proof__brands-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 12px;
width: 100%;
}
.social-proof__brand-item {
background-color: #134A86;
color: #ffffff;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18.6px; /* 155% */
letter-spacing: 0.6px;
padding: 10px 24px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 110px;
font-family: var(--font-h2--family);
}
.social-proof__brand-item img {
height: auto;
max-height: 20px;
width: auto;
filter: brightness(0) invert(1);
}
img.banner-rating_img {
width: 107px;
}
.ctm-stars {
display: flex;
gap: 2px;
margin-bottom: 4px;
}
.banner_review p {
margin: 0;
color: #134A86;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 19.5px;
}
.banner_review {
display: flex;
gap: 10px;
margin-top: 1rem;
align-items: center;
}
.highlights-bar-wrapper {
width: 100%;
box-sizing: border-box;
background-color: #7b599a; /* Default iconic theme purple color overlay matching mockups */
}
.highlights-bar__container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
}
/* Flex Container handling horizontal distribution engine states */
.highlights-bar__scroller-container {
display: flex;
align-items: flex-start;
width: 100%;
box-sizing: border-box;
}
/* Structural Single Highlight Block Content Unit Box Model */
.highlights-bar__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
flex-shrink: 0;
box-sizing: border-box;
}
/* Precision Outer Boundary Specs for Circular Custom Icons */
.highlights-bar__icon-frame {
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.highlights-bar__item:hover .highlights-bar__icon-frame {
transform: scale(1.05);
}
.highlights-bar__icon-frame img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* Vector Graphic Fallback Alignment Parameters */
.highlights-bar__icon-fallback {
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.9;
}
/* Meta Labels Copy Layout Properties */
.highlights-bar__meta {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
width: 100%;
}
.highlights-bar__title {
color: #FFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22.5px; /* 150% */
letter-spacing: -0.3px;
margin: 0;
}
.highlights-bar__subtext {
color: #FFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22.5px; /* 150% */
letter-spacing: -0.3px;
}
.they-need .quick-help-card__top{
align-items: center;
margin: 0;
}
.bear-today .founder-story__card{
padding: 24px 24px 24px 48px;
}
.founder_icontext-item img {
width: 16px;
height: auto;
}
.founder_icontext-item {
display: flex;
gap: 5px;
}
.founder_icontext {
display: flex;
gap: 24px;
align-items: center;
margin-top: 25px;
flex-wrap: wrap;
z-index: 1;
}
.founder_icontext p {
color: #134A86;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.bear-today .founder-story__card{
position: relative;
}
.bear-today .founder-story__card:after {
display: block;
content: "";
background-image: url(/cdn/shop/files/image_13.png?v=1782800344);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 0;
width: 190px;
height: 98px;
bottom: 0;
}
.mori-card {
border-radius: 30px;
border: 3px solid #134A86;
background: #FFF;
padding: 24px;
background: transparent;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mori-stars {
color: #ffcc00;
font-size: 16px;
margin-bottom: 12px;
display: flex;
gap: 2px;
align-items: center;
}
.mori-review-text {
color: #134A86;
font-size: 14.074px;
font-style: normal;
font-weight: 400;
line-height: 22.87px; /* 162.5% */
padding-bottom: 26px;
flex-grow: 1;
}
.mori-divider {
border: none;
border-top: 1.005px dashed #134A86;
margin-bottom: 12px;
}
.mori-author {
color: #134A86;
font-size: 11.862px;
font-style: normal;
font-weight: 700;
line-height: 18.095px; /* 152.542% */
}
.mori-verified {
color: #134A86;
font-size: 11.058px;
font-style: normal;
font-weight: 400;
line-height: 16.587px; /* 150% */
}
.mori-main{
position: relative;
}
.mori-main:after {
display: block;
content: "";
background-image: url(/cdn/shop/files/bearright_1.png?v=1782809031);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3;
width: 138px;
height: 200px;
top: 40%;
right: 0;
}
/* Testimonials Blocks Layout */
.mori-testimonials-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 35px;
}
.mori-subheading {
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.38px;
margin-bottom: 25px;
}
/* Features List Block Layout */
.mori-features-list {
list-style: none;
padding: 0;
margin: 0;
}
.mori-feature-item {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
}
.mori-icon-circle {
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
.mori-icon-circle svg {
width: 12px;
height: 12px;
fill: #ffffff;
}
.mori-feature-title {
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 22.5px; /* 150% */
letter-spacing: -0.3px;
margin-bottom: 2px;
font-family: var(--font-h2--family);
}
.mori-feature-desc {
color: #134A86;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21.13px;
}
.mori-deco-bear {
position: absolute;
right: -10px;
top: 15%;
width: 75px;
height: auto;
}
/* Decorative Badges */
.mori-deco-lens {
position: absolute;
top: -15px;
left: -15px;
width: 65px;
height: auto;
z-index: 2;
}
.mori-tagline {
color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 15px; /* 150% */
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 8px;
background: #00A6CE;
display: inline-block;
margin-bottom: 15px;
font-family: var(--font-paragraph--family);
}
.mori-heading {
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 41.8px */
text-transform: capitalize;
margin: 20px 0;
max-width: 470px;
}
.mori-image-wrapper {
position: relative;
width: 100%;
display: block;
}
.mori-main-img {
width: 100%;
height: auto;
display: block;
border-radius: 16px;
}
.mori-img-desktop {
display: block;
}
.mori-img-mobile {
display: none;
}
.mori-layout-wrapper {
color: var(--color-foreground, #1e3a60);
position: relative;
box-sizing: border-box;
}
.mori-hero-grid {
display: flex;
flex-direction: column-reverse;
gap: 30px;
align-items: center;
position: relative;
margin-bottom: 40px;
}
.bear-today .founder-story-wrapper .founder-story__heading{
max-width: 462px;
}
.mori-proc-tagline {
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 15px; /* 150% */
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 8px;
background: #00A6CE;
display: inline-block;
margin-bottom: 15px;
font-family: var(--font-paragraph--family);
}
.mori-proc-heading {
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%;
text-transform: capitalize;
margin: 0 0 15px 0;
}
.mori-proc-subheading {
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24.38px; /* 162.533% */
margin: 0;
max-width: 662px;
}
.mori-butterfly-graphic {
width: 140px;
height: auto;
}
.mori-proc-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.mori-proc-wrapper {
color: var(--color-foreground, #1e3a60);
position: relative;
box-sizing: border-box;
width: 100%;
}
/* Header Section Split Layout */
.mori-proc-header {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
position: relative;
margin-bottom: 40px;
gap: 20px;
}
.mori-proc-card {
border-radius: 30px;
border: 3px solid #00A6CE;
padding: 24px;
background: transparent;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-sizing: border-box;
}
.mori-proc-card-title {
color: #134A86;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 27px; /* 135% */
letter-spacing: -0.36px;
margin-bottom: 16px;
}
.mori-proc-image-container {
width: 100%;
position: relative;
border-radius: 14px;
overflow: hidden;
margin-bottom: 5px;
aspect-ratio: 1.45 / 1;
}
.mori-proc-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.mori-proc-card-desc {
color: #134A86;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21.13px;
margin: 0;
}
img.mori-proc-icon {
max-width: 210px;
}
.faq-category .faq-item__content{
color: #134A86;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.faq-category .faq-item__summary{
color: #134A86;
font-size: clamp(16px, 2.5vw, 17.4px);
font-style: normal;
font-weight: 700;
line-height: 23.4px; /* 134.483% */
font-family: var(--font-h2--family);
}
.faq-category .faq__title{
max-width: 350px;
}
.faq-category .faq__subtitle{
color: #134A86;
font-size: clamp(16px, 2.5vw, 18px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}
.cart-bubble__background {
background-color: #134A86 !important;
}
.video-review__navigation.video_review_btn_btn {
justify-content: center;
margin-top: 2rem;
}
.video_review_btn_btn .video-review__arrow {
background-color: #134A86;
}
.video_pro .video-review__header {
flex-direction: column;
align-items: center;
}
.video_pro .video-review__titles {
align-items: center;
justify-content: center;
max-width: 584px;
text-align: center;
margin: 0 auto;
}
.kids-feature__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(24px, 5vw, 64px);
align-items: flex-end;
}
.kids-feature__left {
display: flex;
flex-direction: column;
gap: 14px;
}
.kids-feature__badge {
display: inline-flex;
align-self: flex-start;
align-items: center;
color: #FFF;
font-size: 10.053px;
font-style: normal;
font-weight: 700;
line-height: 15.079px;
letter-spacing: 1.508px;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 6px;
border-radius: 8.042px;
background: #00A6CE;
}
.kids-feature__heading {
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%;
text-transform: capitalize;
max-width: 470px;
margin: 0;
}
.kids-feature__description {
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 151.667% */
margin: 10px 0;
}
.kids-feature__image-wrapper {
margin-top: 10px;
border-radius: 20px;
overflow: hidden;
max-width: 80%;
}
.kids-feature__image,
.kids-feature__placeholder-svg {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.kids-feature__right {
position: relative;
padding-top: 60px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2rem;
}
.kids-feature__butterfly {
width: 100%;
max-width: 180px;
}
.kids-feature__butterfly img {
width: 100%;
height: auto;
display: block;
}
.kids-feature__table {
border: 2px solid #29b6d8;
border-radius: 22px;
overflow: hidden;
width: 100%;
}
.kids-feature__table-header {
display: grid;
grid-template-columns: 1fr auto 1fr;
background: #29b6d8;
}
.kids-feature-header-tbLine{
width: 1px;
height: 80%;
background: rgba(255, 255, 255, 0.60);
display: flex;
align-items: center;
margin-top: 4px;
}
.kids-feature__table-header-cell {
color: #FFF;
text-align: center;
font-size: clamp(12px, 2vw, 14px);
font-style: normal;
font-weight: 700;
line-height: 16px; /* 114.286% */
letter-spacing: 0.6px;
text-transform: uppercase;
padding: 10px;
}
.kids-feature__table-body {
display: flex;
flex-direction: column;
}
.kids-feature__table-row {
display: grid;
grid-template-columns: 1fr auto 1fr;
border-bottom: 1px solid rgba(41, 182, 216, 0.25);
}
.kids-feature__table-row:last-child {
border-bottom: none;
}
.kids-feature__table-cell {
color: #134A86;
font-size: clamp(12px, 2vw, 14px);
text-align: center;
font-style: normal;
font-weight: 700;
line-height: 20px;
padding: 10px;
position: relative;
margin: 5px 0;
}
.kids-feature__table-row.odd .kids-feat-tabLine {
width: 1px;
height: 80%;
background: rgba(19, 74, 134, 0.20);
display: flex;
align-items: center;
margin-top: 4px;
}
.kids-feature__table-row.even .kids-feat-tabLine {
width: 1px;
height: 80%;
background: rgba(19, 74, 134, 0.50);
display: flex;
align-items: center;
margin-top: 4px;
}
.kids-feature__table-cell:after{
display: block;
position: absolute;
top: 0;
right: 0;
height: 90%;
width: 1px;
background: rgba(19, 74, 134, 0.20);
}
.gummy-container {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.gummy-badge {
padding: 6px 16px;
display: inline-block;
margin-bottom: 15px;
color: #FFF;
border-radius: 8px;
background: #00A6CE;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 15px; /* 150% */
letter-spacing: 1.5px;
text-transform: uppercase;
width: max-content;
}
.gummy-title {
color: #134A86;
font-size: clamp(32px, 5vw, 38px);
font-style: normal;
font-weight: 700;
line-height: 110%;
text-transform: capitalize;
margin: 0 0 12px 0;
}
.gummy-subtitle {
color: #134A86;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
text-align: left;
max-width: 660px;
margin: 0;
}
.gummy-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
align-items: center;
margin-top: 2rem;
}
.gummy-column {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
z-index: 3;
width: 100%;
max-width: 300px;
}
.gummy-column-title {
color: #0d47a1;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 5px;
}
.gummy-bubble {
background: #FFF;
border: 1px solid #134A86;
border-radius: 16px;
padding: 14px 24px;
width: 100%;
max-width: 300px;
box-shadow: 0 4px 6px rgba(0,0,0,0.02);
position: relative;
text-align: center;
color: #134A86;
font-size: 16.581px;
font-style: normal;
font-weight: 700;
line-height: 19.897px; /* 120% */
}
/* Speech bubble directional indicators */
.bubble-left .gummy-bubble::after {
content: '';
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 15px;
height: 15px;
background: #fffffff7;
border-right: 1px solid #134A86;
border-top: 1px solid #134A86;
}
.bubble-right .gummy-bubble::after {
content: '';
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%) rotate(-135deg);
width: 15px;
height: 15px;
background: #fffffff7;
border-right: 1px solid #134A86;
border-top: 1px solid #134A86;
}
.gummy-center-image {
display: flex;
justify-content: center;
z-index: 3;
position: relative;
width: 100%;
max-width: 352px;
min-height: 352px;
align-items: flex-end;
}
.gummy-center-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.1));
}
.highlights-bar_img {
margin-top: -11rem;
max-width: 380px;
height: 100%;
display: block;
}
.highlights-bar__container{
display: flex;
align-items: center;
}
summary:hover{
color: #134A86 !important;
}
.home-science.mori-main:after {
display: block;
content: "";
background-image: url(/cdn/shop/files/teddy-hi.png?v=1784098189);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3;
width: 268px;
height: 154px;
top: inherit;
bottom: 0;
right: 2rem;
}
.home-science .mori-heading{
max-width: 340px;
}
/* .home-video-review .video-review__meta {
display: none;
} */
.home-video-review .video-review__slider {
overflow: hidden !important;
}
.nut-home .lnf__text{
max-width: 500px;
}
.review-srah.mori-main:after{
display: none;
}
.review-srah .mori-card {
border: 0;
background: #fff;
}
.faq__info-column .button{
font-family: var(--font-h2--family);
text-transform: uppercase;
}
.contact-form__submit-button{
font-family: var(--font-h2--family);
font-weight: 400;
}
.safe-ing .quick-help-card__heading {
color: #134A86;
}
.safe-ing .quick-help-card__text{
color: #134A86;
}
.ing-certific .quick-help-card__heading, .ing-certific .quick-help-card__text{
color: #134A86;
}
.ing-certific .quick-help-card__text{
font-size: 12px;
}
.ing-certific .quick-help__title{
color: #fff;
}
.ing-certific .quick-help-card__heading{
/* font-family: var(--font-paragraph--family) !important; */
}
.ing-certific .quick-help_sub {
color: #fff;
max-width: 672px;
}
.quick-help__grid .hero-banner__buttons {
display: flex;
gap: 12px;
width: max-content;
}
.hero-banner__buttons.quick-help-btn {
display: flex;
margin-top: 2rem;
gap: 12px;
}
.trusted-certified .promo-banner__wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.trusted-certified .promo-banner__content {
align-items: center;
text-align: center;
}
.trusted-certified .promo-banner__heading{
max-width: 100%;
color: #fff;
}
.trusted-certified .promo-banner__text {
color: #fff;
max-width: 524px;
font-size: 16px;
}
.trusted-certified .button {
--button-color: #134A86;
--button-background-color: #fff;
--button-border-color: #fff;
}
.adult-card .quick-help-card__top {
align-items: center;
margin-bottom: 0;
}
.adult-aducation .mori-layout-wrapper:after {
display: block;
content: "";
background-image: url(/cdn/shop/files/maginfier_1.png?v=1784184715);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 0;
width: 130px;
height: 105px;
top: 30px;
right: 0;
}
.adult-aducation .mori-heading {
line-height: 110%;
letter-spacing: 0;
max-width: 383px;
}
.adult-aducation .mori-layout-wrapper{
position: relative;
}
.adult-faq .faq__graphic-container {
max-width: 250px;
width: 100%;
margin-top: 20px;
margin-bottom: -9rem;
position: absolute;
bottom: 1rem;
z-index: 1;
left: 8rem;
}
.adult-pdp .video-review__header{
position: relative;
}
.adult-pdp .video-review__header:after {
display: block;
content: "";
background-image: url(/cdn/shop/files/Dr_Moritz_Kids_Assets_for_client_v3-186_2_1.png?v=1784190037);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3;
width: 200px;
height: 150px;
top: 0;
right: 0;
}
p.mori-newsp {
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-align: left;
}
.blog-newsletter .mori-newsletter-content {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
}
.blog-newsletter .mori-newsletter-form{
padding-top: 0;
margin: 0;
}
.blog-newsletter .mori-newsletter-input {
background-color: transparent !important;
border: 2px solid;
border-color: #fff !important;
}
.blog-newsletter .mori-newsletter-input::placeholder {
color: #fff;
}
.less-card .quick-help-card__top {
/* flex-direction: column-reverse !important; */
margin: 0;
}
.less-card .quick-help_sub {
max-width: 580px;
}
.minute-sub .quick-help-card__heading {
color: #134A86;
}
.minute-sub .quick-help-card__text{
color: #808080;
}
.minute-sub .quick-help-card__top {
/* flex-direction: column-reverse !important; */
margin: 0;
}
.quick-help_header {
position: relative;
}
.ing-certific .quick-help_header:after {
position: absolute;
top: -124px;
right: 0;
background-image: url(/cdn/shop/files/Group_35.png?v=1784802434);
content: "";
width: 300px;
height: 240px;
background-size: contain;
background-repeat: no-repeat;
}
.faq-ingred .faq__subtitle{
font-size: 15px;
}
.header__icon--summary .header-drawer-icon {
width: 22px !important;
}
.menu-list__link-title {
height: 100%;
width: 100%;
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Menu title + caret alignment */
.menu-list__link-title {
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Caret */
.menu-list__caret {
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
transform-origin: center;
}
.menu-list__caret svg {
display: block;
width: 10px;
height: 10px;
}
/* Rotate caret when menu is open */
.menu-list__list-item:hover .menu-list__caret,
.menu-list__list-item:focus-within .menu-list__caret,
.menu-list__list-item:has([aria-expanded='true']) .menu-list__caret {
transform: rotate(180deg);
}
/* Mobile drawer: Shop / Benefit / Learn layouts */
.menu-drawer__menu--shop,
.menu-drawer__menu--benefit {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 12px;
width: 100%;
padding-inline-end: var(--menu-drawer-inline-padding, 1rem);
}
.menu-drawer__menu--benefit {
grid-template-columns: 1fr;
}
.menu-drawer__menu--shop .menu-drawer__menu-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 0;
height: auto;
}
.menu-drawer__menu--shop .menu-drawer__link-image {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 16px;
}
.menu-drawer__menu--shop .menu-drawer__menu-item-text {
color: #134a86;
font-family: var(--font-heading--family);
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: none;
}
.menu-drawer__menu--benefit .menu-drawer__menu-item {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 92px;
padding: 10px 16px 10px 8px;
height: auto;
overflow: hidden;
border-radius: 18px;
background-color: var(--benefit-card-bg, #5ba3e0);
}
.menu-drawer__menu--benefit .menu-drawer__benefit-art {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 42%;
max-width: 110px;
height: 72px;
}
.menu-drawer__menu--benefit .menu-drawer__benefit-image {
width: 100%;
height: 100%;
max-height: 72px;
object-fit: contain;
object-position: left center;
}
.menu-drawer__menu--benefit .menu-drawer__menu-item-text {
position: static;
flex: 1 1 auto;
color: #ffffff;
font-family: var(--font-heading--family);
font-size: 16px;
font-weight: 700;
line-height: 1.15;
text-align: right;
text-transform: none;
text-shadow: none;
pointer-events: none;
}
.menu-drawer__menu--learn-nav {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 16px;
}
.menu-drawer__menu--learn-nav .menu-drawer__menu-item {
color: #134a86;
font-family: var(--font-heading--family);
font-size: 16px;
font-weight: 700;
text-transform: none;
padding-block: 10px;
}
.menu-drawer__menu--learn-featured {
display: grid !important;
grid-template-columns: 1fr;
gap: 14px;
width: 100%;
padding-inline-end: var(--menu-drawer-inline-padding, 1rem);
}
.menu-drawer__menu--learn-featured .menu-drawer__menu-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 0;
height: auto;
}
.menu-drawer__menu--learn-featured .menu-drawer__link-image {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 16px;
}
.menu-drawer__menu--learn-featured .menu-drawer__menu-item-text {
color: #134a86;
font-family: var(--font-heading--family);
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: none;
}
@media screen and (min-width: 480px) {
.menu-drawer__menu--learn-featured {
grid-template-columns: 1fr 1fr;
}
}
.home-backed {
position: relative;
}
.home-backed:after {
position: absolute;
bottom: -12px;
right: 7rem;
background-image: url(/cdn/shop/files/teddy-hi.png?v=1784098189);
content: "";
width: 239px;
height: 150px;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.swipe-over .swiper-wrapper {
margin-top: 2rem;
}
.custom_ftr_icons {
display: flex;
gap: 10px;
align-items: center;
}
.footer-content .social-icons__wrapper,
.footer-content .social-icons__wrapper a {
color: #134A86;
}
.footer-content .social-icons__icon {
fill: #134A86;
}
summary.menu__heading.h4{
padding-top: 0px;
}
span.tldr-label {
display: none !important;
}
.article-sidebar .article-share {
display: none;
}
.dr-moritz-article .compare-table{
border-radius: 14px;
overflow: hidden;
}
.bestsellers__swiper{
display: flex !important;
align-items: stretch;
}
.bestsellers__swiper .swiper-wrapper{
height:auto;
}
.pdp-buybox__highlights .pdp-buybox__highlight:nth-child(2) span.pdp-buybox__highlight-icon img {
height: 18px;
}
.dr-moritz-article .promo-banner{
background: #2B7CC0 !important;
}
.dr-moritz-article .promo-btn-store{
color:#2B7CC0 !important;
}
.product-grid .bs-card__title {
max-width: 185px;
}
.jdgm-horizon-widget {
width: 100%;
}
.jdgm-rev-widg {
border: 0 !important;
}
.jdgm-rev.jdgm-rev{
border-radius: 30px !important;
border-color: #7454A3 !important;
border-width: 4px !important;
padding: 10px !important;
color: #134A86 !important;
}
.jdgm-rev__buyer-badge{
background-color: #134A86 !important;
}
.jdgm-widget .jdgm-rev-widg__body{
border-color:#134A86 !important;
}
.faq__grid.faq__grid_one {
grid-template-columns: 1fr;
}
.shopify-policy__container{
max-width:var(--narrow-page-width) !important ;
}
.menu-drawer__menu-item{
font-weight: 700 !important;
color: #134a86 !important;
text-transform: capitalize !important;
}
.shopify-policy__title{
text-align:left !important;
}
.shopify-policy__title h1 {
color: #134A86;
font-weight: 700;
text-transform: capitalize;
}
.shopify-policy__body {
color: #134A86;
}
/*====Responsive Css====*/
@media (max-width: 1200px){
.quick_ingrediant .quick-help__grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 1024px){
.adult-aducation .mori-layout-wrapper:after {
width: 70px;
height: 70px;
top: -20px;
}
.adult-faq .faq__graphic-container{
max-width: 100px;
margin-bottom: -5rem;
}
}
@media(max-width: 749px){
.faq-category .faq__title {
max-width: 260px;
}
.founder-story-wrapper .founder-story__heading{
max-width:275px;
}
.review-feed__banner-img{
object-position: bottom center;
}
.quick-help-card__icon-wrap{
width: 70px !important;
}
media-gallery.spacing-style.sticky-content.media-gallery--carousel {
padding: 0 16px;
}
.dr-moritz-article .compare-table{
table-layout: fixed;
}
.dr-moritz-article .compare-table td{
padding: 5px;
font-size: 10px;
}
.adult-card .quick-help-card{
padding: 10px;
}
.quick_ingrediant .quick-help__grid {
grid-template-columns: auto !important;
}
.video_review-page .video-review__header{
margin-bottom: 20px;
}
.home-video-review .video-review__header{
margin-bottom: 15px;
}
.home-backed:after {
bottom: 0;
right: 0;
width: 150px;
height: 85px;
z-index: 9;
}
.review-storytime-section{
display: block;
}
.review-storytime__left {
padding: 0 18px;
}
.swipe-over .swiper-wrapper {
padding-left: 18px;
}
.review-storytime__controls {
padding: 0 18px;
}
.safe-ing .quick-help-card__top {
flex-direction: column-reverse !important;
}
.safe-ing .quick-help-card__text{
max-width: 297px ;
}
.menu-drawer-container .header__icon--summary{
margin-top: 5px;
}
.ing-certific .quick-help_header:after {
top: -58px;
width: 110px;
}
.quick-help_header{
margin-bottom: 28px;
}
.blog-newsletter .mori-newsletter-content {
flex-direction: column;
gap: 1rem;
}
.blog-newsletter .mori-newsletter-heading,
.blog-newsletter .mori-newsletter-subheading {
text-align: left;
max-width: 100%;
}
.blog-newsletter .mori-newsletter-subheading {
max-width: 300px;
}
.blog-newsletter .mori-newsletter-heading{
max-width: 100%;
}
.blog-newsletter .mori-newsletter-container {
padding: 40px 0;
}
.adult-aducation .mori-layout-wrapper:after {
width: 90px;
height: 90px;
top: 0;
}
.adult-pdp .video-review__header:after {
width: 70px;
height: 70px;
right: 18px;
top: -10px;
}
.adult-pdp .video-review__container {
padding: 0;
}
.adult-pdp {
display: block;
padding-left: 18px;
}
.adult-pdp .video-review__titles {
padding-right: 18px;
}
.founder-story-wrapper.adult-wellness{
padding: 35px 18px;
}
.adult-faq .faq__graphic-container {
max-width: 92px;
margin-bottom: -11rem;
bottom: 90px;
left: 1rem;
}
.bear-today.adult-wellness .founder-story__card{
border-radius: 16px;
}
.adult-wellness .founder-story__heading{
max-width: 300px;
}
.adult-wellness .founder-story__text-body{
max-width: 250px;
}
.bear-today.adult-wellness .founder-story__card {
padding: 18px !important;
}
.adult-aducation .mori-heading {
max-width: 300px;
}
.trusted-certified .promo-banner__wrapper {
padding: 0;
}
.trusted-certified .promo-banner__text {
max-width: 287px;
}
.trusted-certified .promo-banner__buttons {
width: max-content;
}
.hero-banner__buttons.quick-help-btn {
flex-direction: column;
}
.ing-certific .quick-help-card__top{
/* flex-direction: column-reverse !important; */
}
.quick-help-btn .btn1.button,
.quick-help-btn .btn2.button{
width: 100%;
}
.gummy-column{
max-width: 100%;
gap:20px;
}
.gummy-grid {
grid-template-columns: 1fr;
}
.gummy-column.bubble-left {
order: 1;
}
.gummy-center-image {
order: 2;
margin: 20px 0;
}
.gummy-column.bubble-right {
order: 3;
}
.bubble-left .gummy-bubble::after {
right: auto;
left: 20px;
top: 85%;
transform: rotate(137deg);
}
.gummy-column.bubble-left .gummy-bubble.left:nth-child(3):after {
left: inherit;
right: 20px;
}
.bubble-right .gummy-bubble::after {
left: 20px;
top: -8px;
transform: rotate(-45deg);
background: #FFF;
}
.gummy-bubble.right {
background: #FFF;
}
.gummy-column.bubble-right .gummy-bubble.right:nth-child(3):after {
left: inherit;
right: 20px;
}
.gummy-subtitle {
text-align: center;
margin-top: 1rem;
max-width: 300px;
}
.gummy-title{
margin: 0;
max-width: 300px;
}
.gummy-container{
align-items: center;
text-align: center;
}
.kids-feature__butterfly {
position: absolute;
top: 12px;
right: 0;
}
.kids-feature__grid {
grid-template-columns: 1fr;
}
.kids-feature__image-wrapper{
max-width: 100%;
}
.kids-feature__right {
padding-top: 0;
}
.kids-feature__butterfly {
width: 100px;
}
.faq-category .faq__subtitle{
max-width: 350px;
}
img.mori-proc-icon {
position: absolute;
top: 0;
width: 95px;
right: 0;
}
.mori-proc-heading{
line-height: 35.2px; /* 110% */
letter-spacing: -0.8px;
max-width:275px;
}
.mori-card{
border-radius: 24px;
}
.mori-deco-bear { display: none; }
.horizone-split__heading{
letter-spacing: -0.8px;
}
.mori-main:after {
width: 66px;
height: 100px;
top: 35%;
}
.family-cards-wrapper {
display: block;
}
.founder_icontext {
gap: 10px;
}
.bear-today .founder-story__card {
flex-direction: column !important;
padding: 48px 16px 88px 16px !important;
}
.bear-today.founder-story-wrapper {
display: block ;
}
.bear-today .founder-story__card:after {
width: 170px;
height: 98px;
bottom: 0;
left: 25%;
}
.highlights-bar__container {
padding: 0;
}
.highlights-bar__scroller-container {
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 4px 24px 16px 24px;
gap: 28px;
}
.highlights-bar__scroller-container::-webkit-scrollbar {
display: none;
}
.highlights-bar__scroller-container {
-ms-overflow-style: none; /* IE and Edge specs */
scrollbar-width: none; /* Firefox browser specs */
}
.highlights-bar__item {
scroll-snap-align: start;
width: calc(64% - 14px); /* Precision structural ratio sizing forcing micro sneak-peek preview of subsequent block cards on mobile viewports */
min-width: 130px;
}
.highlights-bar__icon-frame {
width: 64px;
height: 64px;
}
.highlights-bar__subtext{
line-height: normal;
}
.highlights-bar__icon-frame{
margin-bottom: 5px;
}
.social-proof__header {
justify-content: center;
align-items: center;
text-align: center;
padding: 0 16px;
}
.social-proof__stats-grid{
padding: 0 16px;
}
.social-proof-swiper{
display: block;
}
.social-proof__container .social-proof__slider-wrapper {
width: 100%;
overflow: hidden;
padding-left: 16px;
}
.social-proof__heading {
line-height: 36.8px; /* 122.667% */
letter-spacing: -0.48px;
}
.social-proof__pagination.swiper-pagination-bullets {
bottom: 0;
}
.social-proof__stat-number{
line-height: 39.6px; /* 110% */
letter-spacing: -0.72px;
}
.social-proof__brands-row {
flex-wrap: nowrap;
overflow-x: scroll;
padding-left: 16px;
}
.family-cards__mascot {
width: 110px;
top: 0;
right: 5px;
}
.family-cards__container{
padding: 40px 16px;
}
.family-cards__mascot img {
width: 100% !important;
}
.family-cards__main-title{
line-height: 35.2px; /* 110% */
letter-spacing: -0.8px;
max-width: 300px;
}
.family-cards__info{
padding: 20px;
}
.family-cards__item{
padding: 0;
}
.horizone-split__container {
flex-direction: column !important;
}
.horizone-split__media-frame {
width: 100%;
padding: 0;
}
.horizone-split__img {
height: auto;
aspect-ratio: 1 / 1;
border-radius: 20px;
}
.horizone-split__content {
width: 100%;
padding: 32px 0;
}
.horizone-split__illustration {
right: inherit;
bottom: -80px;
}
.horizone-split__illustration img {
max-width: 120px !important;
}
.founder-story-wrapper .founder-story__card {
flex-direction: column-reverse ;
border-radius: 0;
padding: 48px 16px;
gap: 30px;
}
.quick_ingrediant .quick-help__title {
max-width: 300px;
}
.quick_ingrediant .quick-help_sub {
max-width: 334px;
}
.founder-story-wrapper .founder-story__img {
border-radius: 16px;
}
.quick-help-card{
min-height: auto;
}
.contact-form__title{
max-width: 280px;
}
.faq__subtitle{
max-width: 328px;
}
/* .swipe-over .swiper{
overflow: visible;
} */
.review-feed__featured-banner {
min-height: 436px;
}
.video-review__handle {
display: none;
}
.promo-banner__buttons .button {
width: 100%;
}
.promo-banner__wrapper {
flex-direction: column !important;
}
.footer-utilities .utilities {
align-items: flex-start;
gap: 10px;
}
.review-card__product-link{
width: 40px;
height: 40px;
}
.review-feed__subheading {
text-align: left;
}
.review-feed__banner-overlay {
min-height: 100%;
}
.review-feed__grid-layout {
gap: 27px;
}
.review-feed__blocks-holder {
gap: 16px;
}
.review-feed__header {
text-align: left;
margin-bottom: 24px;
}
.header__columns {
grid-template-areas: "leftA center leftB rightA rightB" !important;
}
#header-component[data-menu-style=drawer] .header__columns .header-logo {
width: 88px;
}
.header__columns .header-actions__action:not(.account-button) svg {
width: 20px;
height: 20px;
}
.header__columns .header__icon--summary .header-drawer-icon {
width: 20px;
height: 20px;
}
.header__columns .search-action {
justify-content: flex-end;
}
.review-storytime__heading {
max-width: 250px;
}
.review-storytime__header-grid {
display: block;
}
.review-storytime__graphic {
max-width: 108px;
height: auto;
position: absolute;
top: 32px;
right: 20px;
}
.review-card__inner {
padding: 24px 16px;
}
.review-storytime__subheading {
line-height: 24px; /* 155.556% */
}
.review-card__product-title {
font-weight: 400;
}
.review-card__body {
font-weight: 400;
line-height: 150%;
}
.review-card__author {
font-weight: 400;
}
.announcement-bar-marquee__track {
overflow: hidden;
}
.announcement-bar-marquee__content {
width: auto;
justify-content: flex-start;
gap: 40px; /* Generous gap spacing on tiny viewports */
padding-right: 40px;
animation: announcementMarqueeLoop 15s linear infinite;
}
.mobile-only-duplicate {
display: flex;
}
/* Pause scroll when merchants interactive in admin theme editor */
.announcement-bar-marquee-wrapper:hover .announcement-bar-marquee__content {
animation-play-state: paused;
}
}
@media (max-width: 989px) {
.faq__graphic-container {
align-self: center;
margin-top: 24px;
order: 3; /* Places mascot at the very bottom on mobile view */
}
.blog-newsletter .mori-newsletter-content {
flex-direction: column;
gap: 20px;
}
}
@media (min-width: 990px) {
.faq-category .faq__grid {
grid-template-columns: 1fr 1.6fr;
}
.quick-help__grid {
grid-template-columns: repeat(4, 1fr) !important;
}
.faq__grid {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 80px;
align-items: start;
}
.review-feed__grid-layout {
grid-template-columns: 2fr 3fr;
}
.review-feed__featured-banner {
min-height: auto;
}
}
@media (min-width: 750px) {
.founder-story-wrapper .founder-story__picture{
height: 450px;
}
.brand-stock .promo-banner__wrapper{
flex-direction: row;
}
.review-join .promo-banner__wrapper{
flex-direction: row;
}
.quick_ingrediant .quick-help-card{
justify-content: center;
}
.review-feed__banner-media picture{
height: 100%;
}
.adult-aducation .mori-hero-grid {
gap: 56px;
}
.blog-newsletter .mori-newsletter-subheading{
text-align: left;
}
.safe-ing .quick-help__grid {
grid-template-columns: repeat(3, 1fr) !important;
}
.ing-certific .quick-help-card__top{
gap: 20px;
}
.gummy-grid {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 15px;
}
.gummy-column.bubble-left {
align-items: center;
}
.gummy-column.bubble-right {
align-items: center;
}
.gummy-center-image img {
max-width: 100%;
}
.mori-proc-grid {
grid-template-columns: repeat(3, 1fr);
}
.mori-proc-header {
flex-direction: row;
align-items: center;
gap: 10%;
}
.mori-proc-title-area {
max-width: 65%;
}
.mori-proc-deco-area {
max-width: 25%;
display: flex;
justify-content: flex-end;
}
.mori-testimonials-grid {
grid-template-columns: repeat(3, 1fr);
}
.mori-heading{
line-height: 35.2px; /* 110% */
letter-spacing: -0.8px;
}
.mori-hero-grid {
flex-direction: row;
gap: 6%;
}
.mori-image-column,
.mori-content-column {
flex: 1;
width: 50%;
}
.highlights-bar__scroller-container {
overflow: visible;
justify-content: center;
gap: 16px;
}
.highlights-bar__item {
flex: 1 1 0%;
max-width: 240px;
padding: 0 12px;
}
.social-proof__heading { font-size: 38px; }
.social-proof__stats-grid {
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 48px;
}
/* Desktop maps back to standard explicit flex rows without swiper layout */
.social-proof__testimonials-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.social-proof__slider-wrapper.swiper {
overflow: visible;
width: 100%;
}
.social-proof__pagination {
display: none !important;
}
.social-proof__trust-footer { margin-top: 60px; }
.social-proof__brands-row { gap: 20px; }
.family-cards__container {
padding: 60px 48px;
border-radius: 24px; /* Soft structural rounding frame for outer container grid */
}
.family-cards__mascot {
top: -110px;
right: 40px;
}
.family-cards__grid {
flex-direction: row;
gap: 32px;
}
.family-cards__item {
width: calc(50% - 16px);
padding-bottom: 32px;
}
.family-cards__image-box img {
height: 100%;
}
.family-cards__info {
padding: 28px 32px 0 32px;
}
.horizone-split__container {
flex-direction: row;
align-items: center;
gap: 60px;
justify-content: center;
max-width: 1222px;
margin: 0 auto;
}
.horizone-split__container--reverse {
flex-direction: row-reverse;
}
.horizone-split__media-frame {
width: 100%;
max-width: 448px;
}
.horizone-split__content {
width: 50%;
padding: 40px 120px 80px 0;
}
.horizone-split__container--reverse .horizone-split__content {
padding: 40px 0 80px 120px;
}
.horizone-split__illustration {
right: 0;
bottom: -80px;
}
.quick-help__grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.founder-story-wrapper .founder-story__content {
width: 100%;
}
.founder-story-wrapper .founder-story__media-frame {
width: 100%;
max-width: 532px;
max-height: 600px;
}
.review-feed__blocks-holder {
grid-template-columns: repeat(2, 1fr);
}
.review-storytime__right {
justify-content: center;
}
.review-storytime__header-grid {
grid-template-columns: 1.5fr 1fr;
}
.icon-block {
width:500px;
}
.promo-banner__graphic {
width: 385px;
}
.promo-banner__buttons {
justify-content: flex-start;
width: auto;
}
.promo-banner__content {
align-items: flex-start;
text-align: left;
}
#shopify-section-template--20387906781346__promo_banner_cta_z7JezM .promo-banner__wrapper {
flex-direction: row;
padding: 48px 64px;
gap: 40px;
}
}
/* Collection Page */
#cloud_search_filters_root {
display: none;
}
.collection_main_wrapper {
overflow:hidden;
.collection-wrapper {
.facets-controls-wrapper {
margin-bottom:48px;
position:relative;
background: #93D8EC;
padding-block: 16px;
&:before,
&:after {
content:" ";
background: #93D8EC;
height:100%;
position:absolute;
width:100vw;
top:0;
z-index:-1;
}
&:before {
left:-100vw;
}
&:after {
right:-100vw;
}
@media (max-width:750px){
display:none;
&:before,
&:after {
display:none;
}
}
.facets--filters-title {
display:none;
}
.products-count-wrapper {
margin-left: unset;
flex-grow: 1;
.active_items {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.35px;
text-transform: uppercase;
color: #134A86;
}
}
sorting-filter-component {
accordion-custom {
.facets__summary {
background: #fff;
border-radius: 8px;
padding: 12px 16px;
.facets__label ,
.facets__status {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.35px;
text-transform: uppercase;
color: #134A86;
display:flex;
}
.svg-wrapper {
width:18px;
}
}
floating-panel-component {
.sorting-filter__label {
color: #134A86;
}
}
}
}
}
.facets-block-wrapper--vertical {
.facets--vertical {
.facets__form {
.facets-remove {
display:flex;
padding-bottom:24px;
margin:0;
&:has(facet-remove-component + facet-remove-component){
.filter_headers {
padding-bottom:24px;
button {
display: flex;
}
}
}
.filter_headers {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
h3 {
margin:0;
font-family: 'Josefin Sans';
font-size: 16px;
line-height: 24px;
letter-spacing: 0.4px;
color:#134A86;
font-weight: 700;
text-transform: uppercase;
}
button {
font-size: 14px;
line-height: 20px;
color:#134A86;
text-decoration:underline;
border:none;
outline:none;
text-transform: uppercase;
background:transparent;
padding: 0;
}
}
.facets-remove__pill {
border: 1px solid #134A86;
background: transparent;
color: #134A86;
font-size: 14px;
line-height: 20px;
gap: 5px;
text-transform:uppercase;
padding: 2px 10px;
.svg-wrapper {
margin: 0 -9px 0 -7px;
width:28px;
height:28px;
}
}
}
.facets__filters-wrapper {
margin:0;
.facets__item {
&::before {
border-top:1px solid #134A86;
}
.facets__panel {
&[open] {
.facets__summary {
.svg-wrapper {
svg {
&:nth-child(1){
display:flex ;
}
&:nth-child(2){
display:none ;
}
}
}
}
}
.facets__summary {
padding-top:18px;
padding-bottom:18px;
.facets__label {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.35px;
text-transform: uppercase;
color: #134A86;
font-family: 'Josefin Sans';
font-weight:700;
}
.svg-wrapper {
width:18px;
svg {
&:nth-child(1){
display:none ;
}
&:nth-child(2){
display:flex ;
}
}
}
}
.facets__panel-content {
.facets__inputs-wrapper {
.facets__inputs-list {
.facets__inputs-list-item {
.checkbox{
&:has(.checkbox__input[checked]){
.checkbox__label {
.icon-checkmark {
background-color:#134A86;
}
}
}
.checkbox__input {
}
.checkbox__label {
align-items:center;
.icon-checkmark {
min-width: 16px;
min-height: 16px;
border: 1px solid #134A86;
}
.checkbox__label-text {
font-size:16px;
line-height:24px;
color:#134A86;
padding-left: 8px;
}
}
}
}
}
}
.show-more__button {
color: #134A86;
}
}
price-facet-component {
.facets__inputs-wrapper {
.price-facet__inputs-wrapper {
.price-facet__field {
.field__input {
border: 1px solid #134A86;
outline: none;
color: #134A86;
&::placeholder {
color: #134A86;
opacity:1;
}
}
.price-facet__label {
color: #134A86;
}
}
}
}
.price-facet__highest-price {
font-size: 12px;
line-height: 16px;
color: #134A86;
}
}
}
}
}
}
}
}
.facets-toggle {
border-bottom:1px solid #134A86;
padding:16px;
height:auto;
margin: 0 0 30px;
.facets-toggle__wrapper {
.facets-toggle__button {
padding: 11px 16px;
text-transform: uppercase;
border:1px solid #134A86;
border-radius:8px;
svg {
margin-top:-4px;
}
}
}
}
.main-collection-grid {
.product-grid {
.product-grid__item {
.product-card {
.product-badges.product-badges--top-left {
top:19px;
left:19px;
@media (max-width:750px) {
top:8px;
left:8px;
}
}
.wishlist_button {
width: 36px;
height: 36px;
position: absolute;
top: 19px;
right: 19px;
border: none;
border-radius: 34px;
display: flex;
align-items: center;
justify-content: center;
background: #00A6CE;
cursor:pointer;
transition:.3s all ease;
&:hover {
transform:scale(1.1);
}
@media (max-width:750px) {
top: 8px;
right: 8px;
}
}
.card-gallery {
background: #ecf8fe6e;
@media (max-width:750px) {
padding:34px 10px 70px;
}
slideshow-component {
border-radius: 12px;
overflow: hidden;
}
}
.custom_tag {
font-size:14px;
text-transform:uppercase;
letter-spacing:0.35px;
color:#134A86;
@media (max-width:750px) {
font-size:12px;
}
}
}
}
.bs-card {
.bs-card__features {
display:none;
}
}
}
.pagination {
.pagination__list {
.pagination__link--page {
color:#134A86;
}
.pagination__link--current {
color:#fff;
&:before {
background-color:#134A86;
}
}
}
}
}
}
}
.cursor_default {
cursor:default;
}
/* Footer */
.footer-content {
max-width: 800px;
}
/* Quick Modal */
#quick-add-dialog {
.quick-add-modal {
.quick-add-modal__close {
border: 1px solid #134a86;
width: 35px;
top: 12px;
right: 10px;
height: 35px;
color: #fff;
background: #134a86;
}
.quick-add-modal__content {
background: #ecf8fe;
@media (max-width:749px){
display:flex;
flex-direction:column;
}
.product-information__media {
@media (max-width:749px){
min-height:auto;
.media-gallery--carousel {
position:static;
padding:0;
}
}
}
.product-details {
@media (max-width:749px){
min-height:auto;
overflow:visible;
}
.view-product-title {
display:none;
}
.pdp-buybox {
padding: 50px 30px;
@media (max-width:749px){
padding:0;
}
.pdp-buybox__rating {
.jdgm-prev-badge__text {
visibility:visible;
}
}
}
}
}
}
}
/* Section Link GLobal */
.clickable_section {
position:relative;
.section_link {
width:100vw;
height:100%;
position:absolute;
top:0;
right:0;
z-index:5;
}
}
/* Cart */
#monster-upsell-cart {
#monster-cart-wrapper {
width: 424px;
padding: 0;
> div {
border-radius:0 !important;
border-top-left-radius: 1.25rem !important;
box-shadow: -8px 0 40px #134a861f;
}
#mu-header {
border-bottom: 1px solid #E6E6E6;
.mu-cart-header {
margin: 0;
display: flex;
align-items: baseline;
gap: 0.4rem;
flex-wrap: wrap;
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1.2;
color: #134a86;
letter-spacing: -0.01em;
}
svg {
path {
fill:#9aa3b2;
}
}
}
.mu-atu-banner {
padding-bottom: 30px !important;
padding-top: 20px !important;
border: none !important;
position: relative;
&::after {
content: " ";
width: 100%;
right: 0;
height: 2px;
bottom: -1px;
background-color: rgb(236 248 254);
position: absolute;
}
.mu-goal-text {
padding-bottom: 12px !important;
.emoji-image {
font-size: 14px;
line-height: 1;
display: flex;
padding-bottom: 4px;
strong ,
span {
font-size: 14px;
line-height: 1;
}
}
}
.mu-progress-bar-container {
background:#dbe4ee !important;
.mu-progress-bar {
background:linear-gradient(90deg, #3477AE 0%, #49A1CD 49.04%, #90C6E3 100%) !important;
&::after {
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -19px;
width: 38px;
height: 38px;
background-image:url(/cdn/shop/files/Mori_checkout.png);
}
}
}
.mu-goals {
padding-top: 15px;
}
}
.mu-slider {
#mu-items-container {
padding-top: 5px;
.mu-cart-item {
padding-bottom: 1.1rem;
border-bottom: 1px solid #e5eaf0;
margin-bottom: 1.1rem !important;
padding-top: 11px;
&:nth-of-type(last){
border-bottom:none !important;
}
.mu-item-image {
& + div {
margin-left:10px;
}
}
.mu-item-title {
}
.mu-remove-bin {
svg {
path {
fill:#b0b7c3;
}
}
}
.mu-item-selling-plan {
display: inline-flex;
width: fit-content;
margin-top: .2rem;
padding: .2rem .55rem;
border-radius: 999px;
font-size: .6875rem !important;
font-weight: 600;
line-height: 1.3;
background: #79b56f33;
color: #79b56f;
}
.mu-item-quantity {
margin-top: 12px;
order: -1;
border: 1px solid #d5dbe3;
border-radius: 999px;
background: #fff;
height: 2.15rem;
width: 6.5rem;
overflow: hidden;
justify-content: space-between;
button {
border:none !important;
width:32px;
position:relative;
transform: scale(1.1);
&:nth-child(1) {
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
&:nth-child(3) {
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
&[disabled] {
opacity:.5;
}
svg {
opacity:0;
path {
fill: #134a86;
}
}
& + div {
color: #134a86 !important;
transform: scale(1.1);
background: #fff;
position: relative;
box-shadow: 0 0 7px 10px #fff;
z-index: 2;
}
}
}
.mu-item-price {
flex: unset !important;
margin-left: auto !important;
text-align: end;
font-size: 15px !important;
}
}
.mu-free-gifts-container {
> div:nth-child(1){
p {
line-height:1;
}
}
.mu-free-gift {
.mu-widget {
display: flex;
justify-content: center;
margin-left:10px;
p {
line-height:1;
}
}
}
}
}
#mu-fbt {
.mu-frequently-header {
font-family: "Josefin Sans", sans-serif;
background: transparent !important;
margin: 0 0 4px -7px !important;
}
.mu-fbt-item {
margin: 0 4px 14px !important;
align-items: center;
padding: 7px !important;
outline: 3px solid #134a86 !important;
border-radius: 18px;
& > div:first-child {
align-items:center;
}
.mu-fbt-item-image {
border-radius: 8px !important;
border: 1px solid #ecf8fe !important;
}
.mu-fbt-item-title {
font-size: .8125rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
.mu-fbt-item-price {
margin: .15rem 0 0;
color: #8b95a5 !important;
font-size: .75rem !important;
line-height: 1.3;
font-weight: 400 !important;
}
.mu-fbt-item-atc {
border-radius: 14px !important;
color: #fff !important;
text-transform: uppercase !important;
font-weight: 700 !important;
}
}
}
}
#mu-checkout-container {
display: flex;
flex-direction: column;
padding: 20px 20px !important;
.mu\:info-item {
span {
&:first-child {
font-size: 16px;
line-height: 1;
font-weight: 600;
}
&:last-child {
font-size: 19px;
line-height: 1;
font-weight:700;
}
}
}
#mu-checkout-button {
margin-top: 10px;
span:not(.money) {
display: flex;
width: 100%;
justify-content: space-between;
font-size: 15px;
text-transform: uppercase;
padding: 4px 8px !important;
}
}
#mu-random-text {
order: 10;
margin-top: -7px;
p {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
font-weight: 400;
font-size: 10px;
strong {
font-weight: 400 !important;
}
}
}
#mu-continue-shopping {
display: flex;
align-items: center;
justify-content: center;
min-height: 3rem;
padding: .75rem 1rem;
border: 3px solid #134a86;
border-radius: .75rem;
background: #fff;
font-size: .875rem !important;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
}
}
}