/* Approved source cascade: styles.css; scoped child presentation. */
.zc-approved .hero__lead--mobile { display: none; }
.zc-approved .mobile-only-copy { display: none; }
.zc-approved .mobile-only-section { display: none; }
.zc-approved .advice__mobile-summary { display: none; }
.zc-approved .founder__mobile-intro { display: none; }
.zc-approved .founder__mobile-summary { display: none; }
.zc-approved .review-date-mobile { display: none; }
.zc-approved .bundles-carousel-frame { display: contents; }
.zc-approved .service-bar__inner { min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.zc-approved .search-panel__inner { padding-block: 28px; }
.zc-approved .hero { position: relative; overflow: hidden; padding: 86px 0px 92px; background: linear-gradient(115deg, rgb(248, 244, 235) 0%, rgb(248, 244, 235) 54%, rgb(237, 243, 235) 54%, rgb(237, 243, 235) 100%); }
.zc-approved .hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0px, 1.13fr) minmax(420px, 0.87fr); align-items: center; gap: clamp(42px, 6vw, 88px); }
.zc-approved .hero__copy { max-width: 690px; }
.zc-approved .hero h1 { margin-bottom: 27px; color: var(--zc-green-950); font-size: clamp(48px, 4.55vw, 69px); line-height: 1.02; }
.zc-approved .hero__lead { max-width: 650px; margin-bottom: 31px; color: rgb(71, 86, 77); font-size: 17px; line-height: 1.75; }
.zc-approved .hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.zc-approved .hero__note { display: flex; align-items: center; gap: 13px; max-width: 545px; margin-top: 32px; padding-top: 23px; border-top: 1px solid rgb(205, 215, 206); }
.zc-approved .hero__note-mark { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--zc-green-100); color: var(--zc-green-800); font-weight: 900; }
.zc-approved .hero__note p { margin: 0px; color: var(--zc-muted); font-size: 13px; line-height: 1.5; }
.zc-approved .hero__note strong { color: var(--zc-ink); }
.zc-approved .hero__visual { min-width: 0px; }
.zc-approved .hero__product-stage { position: relative; height: 552px; min-height: 0; isolation: isolate; overflow: hidden; border-radius: 46% 46% 28px 28px; background: rgb(255, 255, 255); border: 1px solid rgba(29, 75, 52, 0.12); box-shadow: var(--zc-shadow-lg); }
.zc-approved .hero__product-stage::before { content: ""; position: absolute; width: 420px; height: 420px; left: 50%; top: 48%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgb(245, 237, 220) 0px, rgb(245, 237, 220) 56%, transparent 57%); }
.zc-approved .hero__product-stage::after { content: "FULVIO+"; position: absolute; left: 36px; bottom: 24px; color: rgba(16, 42, 30, 0.055); font-size: 69px; font-weight: 900; letter-spacing: -0.06em; }
.zc-approved .hero__microcopy { position: absolute; top: 29px; left: 50%; z-index: 3; transform: translateX(-50%); color: var(--zc-green-800); font-size: 10px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; }
.zc-approved .hero-bottle { position: absolute; z-index: 1; width: 64%; height: 352px; object-fit: contain; object-position: center; mix-blend-mode: multiply; }
.zc-approved .hero-bottle--main { left: 18%; top: 14%; z-index: 2; transform: scale(1.12); }
.zc-approved .hero-bottle--left { left: -3%; top: 24%; transform: rotate(-5deg) scale(0.78); }
.zc-approved .hero-bottle--right { right: -3%; top: 24%; transform: rotate(5deg) scale(0.78); }
.zc-approved .founder-stamp { position: absolute; z-index: 4; right: 20px; bottom: 20px; width: 238px; display: grid; grid-template-columns: 68px 1fr; align-items: center; gap: 12px; padding: 9px 15px 9px 9px; border-radius: 999px; background: var(--zc-green-950); color: white; box-shadow: rgba(16, 42, 30, 0.25) 0px 16px 34px; }
.zc-approved .founder-stamp img { width: 68px; height: 68px; object-fit: cover; object-position: center 18%; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.75); }
.zc-approved .founder-stamp strong { display: block; }
.zc-approved .founder-stamp span { display: block; }
.zc-approved .founder-stamp strong { color: rgb(240, 210, 155); font-family: var(--zc-heading); font-size: 23px; line-height: 1; }
.zc-approved .founder-stamp span { margin-top: 4px; color: rgb(232, 242, 235); font-size: 10px; line-height: 1.3; }
.zc-approved .hero__shape { position: absolute; border-radius: 50%; filter: blur(1px); opacity: 0.5; }
.zc-approved .hero__shape--one { width: 310px; height: 310px; left: -170px; bottom: -170px; border: 1px solid var(--zc-gold); }
.zc-approved .hero__shape--two { width: 190px; height: 190px; right: -80px; top: -80px; background: rgba(196, 150, 67, 0.12); }
.zc-approved .trust-reasons { background: white; border-block: 1px solid var(--zc-line); }
.zc-approved .trust-reasons__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.zc-approved .trust-reasons article { display: flex; align-items: center; gap: 17px; min-height: 126px; padding: 24px 34px; border-right: 1px solid var(--zc-line); }
.zc-approved .trust-reasons article:first-child { padding-left: 0px; }
.zc-approved .trust-reasons article:last-child { border-right: 0px; padding-right: 0px; }
.zc-approved .trust-reasons strong { display: block; margin-bottom: 3px; font-size: 14px; }
.zc-approved .trust-reasons p { margin: 0px; color: var(--zc-muted); font-size: 12px; line-height: 1.45; }
.zc-approved .reviews__head h2 { margin-bottom: 14px; color: var(--zc-green-950); font-size: clamp(39px, 4vw, 56px); line-height: 1.08; }
.zc-approved .faq h2 { margin-bottom: 14px; color: var(--zc-green-950); font-size: clamp(39px, 4vw, 56px); line-height: 1.08; }
.zc-approved .needs { background: rgb(251, 252, 250); }
.zc-approved .needs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.zc-approved .need-card { min-height: 230px; display: flex; flex-direction: column; align-items: flex-start; padding: 27px; border: 1px solid var(--zc-line); border-radius: var(--zc-radius-md); background: white; text-align: left; cursor: pointer; transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s, background-color 0.22s; }
.zc-approved .need-card:hover { transform: translateY(-4px); border-color: rgb(174, 191, 178); box-shadow: var(--zc-shadow-sm); }
.zc-approved .need-card strong { font-family: var(--zc-heading); font-size: 25px; font-weight: 500; line-height: 1.15; }
.zc-approved .need-card small { display: block; margin: 10px 0px 23px; color: var(--zc-muted); font-size: 13px; line-height: 1.5; }
.zc-approved .need-card__link { margin-top: auto; color: var(--zc-green-800); font-size: 12px; font-weight: 800; }
.zc-approved .need-card--help { background: var(--zc-green-900); border-color: var(--zc-green-900); color: white; }
.zc-approved .need-card--help .need-card__icon { background: rgba(255, 255, 255, 0.12); color: rgb(240, 210, 155); }
.zc-approved .need-card--help small { color: rgb(214, 229, 218); }
.zc-approved .need-card--help .need-card__link { color: rgb(241, 212, 159); }
.zc-approved .need-card--help:hover { border-color: var(--zc-green-900); background: var(--zc-green-950); }
.zc-approved .products-section { background: white; }
.zc-approved .bundles-section { background: var(--zc-green-950); color: white; }
.zc-approved .advice { position: relative; overflow: hidden; background: var(--zc-green-800); color: white; }
.zc-approved .advice__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.12fr 0.88fr; align-items: center; gap: clamp(50px, 7vw, 95px); }
.zc-approved .advice h2 { max-width: 750px; margin-bottom: 28px; color: white; font-size: clamp(43px, 4.8vw, 67px); line-height: 1.03; }
.zc-approved .advice__lead { color: white !important; font-size: 18px !important; line-height: 1.7 !important; }
.zc-approved .advice__copy > p { max-width: 760px; color: rgb(219, 231, 222); }
.zc-approved .advice__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.zc-approved .advice-card { padding: 35px; border-radius: var(--zc-radius-lg); background: var(--zc-cream); color: var(--zc-ink); box-shadow: var(--zc-shadow-lg); transform: none; }
.zc-approved .advice-card__top { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 15px; border-bottom: 1px solid rgb(217, 207, 188); color: var(--zc-green-700); font-size: 10px; font-weight: 850; letter-spacing: 0.13em; text-transform: uppercase; }
.zc-approved .advice-card h3 { margin: 25px 0px 24px; font-family: var(--zc-heading); font-size: 30px; font-weight: 500; }
.zc-approved .advice-card ol { padding: 0px; margin: 0px; list-style: none; }
.zc-approved .advice-card li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 15px 0px; border-bottom: 1px solid rgb(221, 211, 193); }
.zc-approved .advice-card li > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--zc-green-100); color: var(--zc-green-800); font-size: 10px; font-weight: 850; }
.zc-approved .advice-card li strong { display: block; margin-bottom: 3px; font-size: 13px; }
.zc-approved .advice-card li p { margin: 0px; color: var(--zc-muted); font-size: 11px; line-height: 1.45; }
.zc-approved .advice-card__closing { margin: 22px 0px 0px; color: var(--zc-green-900); font-family: var(--zc-heading); font-size: 17px; line-height: 1.45; }
.zc-approved .advice__orb { position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.14); }
.zc-approved .advice__orb--one { width: 480px; height: 480px; left: -270px; bottom: -250px; }
.zc-approved .advice__orb--two { width: 320px; height: 320px; right: -160px; top: -150px; }
.zc-approved .reviews { background: rgb(251, 250, 246); }
.zc-approved .reviews__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 46px; }
.zc-approved .reviews__head h2 { margin-bottom: 0px; }
.zc-approved .google-summary { display: flex; align-items: center; gap: 13px; padding: 13px 17px; border: 1px solid var(--zc-line); border-radius: 15px; background: white; }
.zc-approved .google-mark { display: inline-grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: conic-gradient(from -45deg, rgb(66, 133, 244) 0deg, rgb(66, 133, 244) 25%, rgb(52, 168, 83) 0deg, rgb(52, 168, 83) 50%, rgb(251, 188, 5) 0deg, rgb(251, 188, 5) 75%, rgb(234, 67, 53) 0deg); color: white; font-family: Arial, sans-serif; font-size: 16px; font-weight: 900; }
.zc-approved .google-summary strong { display: block; }
.zc-approved .google-summary small { display: block; }
.zc-approved .google-summary strong { font-size: 17px; }
.zc-approved .google-summary strong span { color: rgb(239, 170, 34); letter-spacing: 0.05em; }
.zc-approved .google-summary small { color: var(--zc-muted); font-size: 10px; }
.zc-approved .review-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: 18px; }
.zc-approved .google-review { display: flex; flex-direction: column; min-height: 350px; padding: 27px; border: 1px solid var(--zc-line); border-radius: var(--zc-radius-md); background: white; }
.zc-approved .google-review--featured { transform: translateY(-10px); border-color: rgb(213, 192, 143); box-shadow: var(--zc-shadow-sm); }
.zc-approved .google-review__top { display: grid; grid-template-columns: 46px 1fr 28px; align-items: center; gap: 12px; }
.zc-approved .review-avatar { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: white; font-size: 12px; font-weight: 850; }
.zc-approved .review-avatar--green { background: rgb(73, 118, 93); }
.zc-approved .review-avatar--gold { background: rgb(167, 125, 59); }
.zc-approved .review-avatar--blue { background: rgb(75, 111, 134); }
.zc-approved .google-review__top strong { display: block; }
.zc-approved .google-review__top small { display: block; }
.zc-approved .google-review__top strong { font-size: 13px; }
.zc-approved .google-review__top small { color: var(--zc-muted); font-size: 10px; }
.zc-approved .stars { margin: 19px 0px 15px; color: rgb(239, 170, 34); letter-spacing: 0.11em; }
.zc-approved .google-review blockquote { margin: 0px; color: rgb(63, 77, 68); font-family: var(--zc-heading); font-size: 18px; line-height: 1.55; }
.zc-approved .review-source { margin: auto 0px 0px; padding-top: 20px; color: rgb(119, 130, 121); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.08em; }
.zc-approved .reviews__action { margin-top: 36px; text-align: center; }
.zc-approved .founder { background: white; }
.zc-approved .founder__grid { display: grid; grid-template-columns: 0.82fr 1.18fr; align-items: center; gap: clamp(55px, 8vw, 112px); }
.zc-approved .founder__visual { position: relative; padding: 0px 0px 36px 36px; }
.zc-approved .founder__visual::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 67%; height: 70%; border-radius: 26px; background: var(--zc-cream-deep); }
.zc-approved .founder__image-wrap { position: relative; z-index: 1; height: 690px; padding: 110px 0px 60px; overflow: hidden; border-radius: 250px 250px 28px 28px; background: rgb(231, 235, 229); box-shadow: var(--zc-shadow-lg); }
.zc-approved .founder__image-wrap img { display: block; width: auto; max-width: 100%; height: 100%; margin: 0px auto; object-fit: contain; object-position: center center; clip-path: inset(0px 1.3% 0.24% round 30px); }
.zc-approved .founder__caption { position: absolute; z-index: 2; right: -18px; bottom: 0px; min-width: 235px; padding: 17px 21px; border-radius: 15px; background: var(--zc-green-950); color: white; }
.zc-approved .founder__caption strong { display: block; }
.zc-approved .founder__caption span { display: block; }
.zc-approved .founder__caption strong { font-family: var(--zc-heading); font-size: 20px; }
.zc-approved .founder__caption span { color: rgb(207, 224, 212); font-size: 10px; }
.zc-approved .founder__copy h2 { max-width: 740px; margin-bottom: 29px; color: var(--zc-green-950); font-size: clamp(42px, 4.2vw, 59px); line-height: 1.06; }
.zc-approved .founder__copy > p { max-width: 680px; color: var(--zc-muted); }
.zc-approved .founder__copy .text-link { margin-top: 8px; }
.zc-approved .founder__signature { max-width: 650px; display: flex; align-items: center; gap: 18px; margin-top: 37px; padding-top: 27px; border-top: 1px solid var(--zc-line); }
.zc-approved .founder__signature strong { color: var(--zc-gold); font-family: var(--zc-heading); font-size: 29px; white-space: nowrap; }
.zc-approved .founder__signature span { color: var(--zc-muted); font-size: 12px; line-height: 1.45; }
.zc-approved .articles { background: var(--zc-cream); }
.zc-approved .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.zc-approved .article-card { overflow: hidden; border-radius: var(--zc-radius-md); background: white; box-shadow: rgba(44, 57, 48, 0.07) 0px 10px 35px; }
.zc-approved .article-card__image { height: 235px; display: block; overflow: hidden; background: rgb(221, 221, 221); }
.zc-approved .article-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.zc-approved .article-card:hover .article-card__image img { transform: scale(1.045); }
.zc-approved .article-card__body { padding: 25px; }
.zc-approved .article-card__meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 15px; color: var(--zc-green-700); font-size: 9px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.zc-approved .article-card__meta time { color: rgb(139, 149, 142); font-weight: 650; white-space: nowrap; }
.zc-approved .article-card h3 { margin-bottom: 14px; font-family: var(--zc-heading); font-size: 25px; font-weight: 600; }
.zc-approved .article-card h3 a:hover { color: var(--zc-green-700); }
.zc-approved .article-card__body > p { color: var(--zc-muted); font-size: 13px; line-height: 1.55; }
.zc-approved .article-card .text-link { font-size: 12px; }
.zc-approved .faq { background: white; }
.zc-approved .faq__grid { display: grid; grid-template-columns: 0.72fr 1.28fr; align-items: start; gap: clamp(60px, 8vw, 110px); }
.zc-approved .faq__intro { position: sticky; top: 130px; }
.zc-approved .faq__intro > p { max-width: 420px; color: var(--zc-muted); }
.zc-approved .faq__intro .button { margin-top: 12px; }
.zc-approved .faq__list { border-top: 1px solid var(--zc-line); }
.zc-approved .faq details { border-bottom: 1px solid var(--zc-line); }
.zc-approved .faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 3px; cursor: pointer; list-style: none; font-weight: 760; }
.zc-approved .faq summary::-webkit-details-marker { display: none; }
.zc-approved .faq summary span { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 28px; border-radius: 50%; background: var(--zc-green-100); color: var(--zc-green-800); font-size: 17px; transition: transform 0.2s; }
.zc-approved .faq details[open] summary span { transform: rotate(45deg); }
.zc-approved .faq details p { max-width: 720px; margin: -5px 42px 24px 3px; color: var(--zc-muted); font-size: 14px; }
@media (min-width: 961px) {
.zc-approved .hero__note p { font-size: 14px; line-height: 1.55; }
}
@media (min-width: 961px) {
.zc-approved .trust-reasons strong { font-size: 15px; line-height: 1.35; }
}
@media (min-width: 961px) {
.zc-approved .trust-reasons p { font-size: 14px; line-height: 1.5; }
}
@media (min-width: 961px) {
.zc-approved .need-card strong { font-size: 26px; line-height: 1.18; }
}
@media (min-width: 961px) {
.zc-approved .need-card small { font-size: 14px; line-height: 1.55; }
}
@media (min-width: 961px) {
.zc-approved .need-card__link { font-size: 14px; }
}
@media (min-width: 961px) {
.zc-approved .advice__copy > p { line-height: 1.65; }
}
@media (min-width: 961px) {
.zc-approved .advice-card__top { font-size: 11px; }
}
@media (min-width: 961px) {
.zc-approved .advice-card li strong { font-size: 15px; }
}
@media (min-width: 961px) {
.zc-approved .advice-card li p { font-size: 14px; line-height: 1.5; }
}
@media (min-width: 961px) {
.zc-approved .google-summary small { font-size: 11px; }
}
@media (min-width: 961px) {
.zc-approved .google-review__top strong { font-size: 15px; }
}
@media (min-width: 961px) {
.zc-approved .google-review__top small { font-size: 12px; }
}
@media (min-width: 961px) {
.zc-approved .google-review blockquote { font-size: 19px; line-height: 1.58; }
}
@media (min-width: 961px) {
.zc-approved .review-source { font-size: 11px; }
}
@media (min-width: 961px) {
.zc-approved .founder__caption span { font-size: 11px; }
}
@media (min-width: 961px) {
.zc-approved .founder__copy > p { font-size: 16px; line-height: 1.68; }
}
@media (min-width: 961px) {
.zc-approved .founder__signature span { font-size: 14px; line-height: 1.5; }
}
@media (min-width: 961px) {
.zc-approved .article-card__meta { font-size: 11px; }
}
@media (min-width: 961px) {
.zc-approved .article-card h3 { line-height: 1.22; }
}
@media (min-width: 961px) {
.zc-approved .article-card__body > p { font-size: 14px; line-height: 1.62; }
}
@media (min-width: 961px) {
.zc-approved .article-card .text-link { font-size: 14px; }
}
@media (min-width: 961px) {
.zc-approved .faq__intro > p { font-size: 16px; line-height: 1.65; }
}
@media (min-width: 961px) {
.zc-approved .faq summary { font-size: 16px; line-height: 1.45; }
}
@media (min-width: 961px) {
.zc-approved .faq details p { font-size: 15px; line-height: 1.65; }
}
@media (max-width: 1180px) {
.zc-approved .hero__grid { grid-template-columns: 1.08fr 0.92fr; gap: 38px; }
}
@media (max-width: 1180px) {
.zc-approved .hero h1 { font-size: 54px; }
}
@media (max-width: 1180px) {
.zc-approved .hero__product-stage { height: 500px; }
.zc-approved .hero-bottle { height: 318.72px; }
}
@media (max-width: 960px) {
.zc-approved .service-bar__middle { display: none; }
}
@media (max-width: 960px) {
.zc-approved .hero { padding: 65px 0px 76px; background: linear-gradient(155deg, rgb(248, 244, 235) 0%, rgb(248, 244, 235) 55%, rgb(237, 243, 235) 55%, rgb(237, 243, 235) 100%); }
}
@media (max-width: 960px) {
.zc-approved .hero__grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
.zc-approved .hero__copy { max-width: 760px; }
}
@media (max-width: 960px) {
.zc-approved .hero h1 { max-width: 760px; font-size: clamp(50px, 7.3vw, 65px); }
}
@media (max-width: 960px) {
.zc-approved .hero__lead { max-width: 720px; }
}
@media (max-width: 960px) {
.zc-approved .hero__visual { max-width: 610px; width: 100%; margin-inline: auto; }
}
@media (max-width: 960px) {
.zc-approved .hero__product-stage { height: 520px; }
.zc-approved .hero-bottle { height: 331.52px; }
}
@media (max-width: 960px) {
.zc-approved .trust-reasons__grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
.zc-approved .trust-reasons article { min-height: auto; padding: 20px 0px; border-right: 0px; border-bottom: 1px solid var(--zc-line); }
}
@media (max-width: 960px) {
.zc-approved .trust-reasons article:first-child { min-height: auto; padding: 20px 0px; border-right: 0px; border-bottom: 1px solid var(--zc-line); }
}
@media (max-width: 960px) {
.zc-approved .trust-reasons article:last-child { min-height: auto; padding: 20px 0px; border-right: 0px; border-bottom: 1px solid var(--zc-line); }
}
@media (max-width: 960px) {
.zc-approved .trust-reasons article:last-child { border-bottom: 0px; }
}
@media (max-width: 960px) {
.zc-approved .needs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 960px) {
.zc-approved .advice__grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
.zc-approved .advice-card { max-width: 720px; transform: none; }
}
@media (max-width: 960px) {
.zc-approved .review-grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
.zc-approved .google-review { min-height: 0px; }
}
@media (max-width: 960px) {
.zc-approved .google-review--featured { transform: none; }
}
@media (max-width: 960px) {
.zc-approved .founder__grid { grid-template-columns: 0.9fr 1.1fr; gap: 45px; }
}
@media (max-width: 960px) {
.zc-approved .founder__image-wrap { height: 600px; }
}
@media (max-width: 960px) {
.zc-approved .article-grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
.zc-approved .article-card { display: grid; grid-template-columns: 0.8fr 1.2fr; }
}
@media (max-width: 960px) {
.zc-approved .article-card__image { height: 100%; min-height: 270px; }
}
@media (max-width: 960px) {
.zc-approved .faq__grid { grid-template-columns: 1fr; gap: 50px; }
}
@media (max-width: 960px) {
.zc-approved .faq__intro { position: static; }
}
@media (max-width: 680px) {
.zc-approved .hero { padding: 34px 0px 42px; }
}
@media (max-width: 680px) {
.zc-approved .hero__grid { gap: 25px; }
}
@media (max-width: 680px) {
.zc-approved .hero .eyebrow { margin-bottom: 11px; font-size: 9px; }
}
@media (max-width: 680px) {
.zc-approved .hero h1 { margin-bottom: 17px; font-size: clamp(35px, 9.7vw, 40px); line-height: 1.02; letter-spacing: -0.05em; }
}
@media (max-width: 680px) {
.zc-approved .hero h1 br { display: initial; }
}
@media (max-width: 680px) {
.zc-approved .hero__lead--desktop { display: none; }
}
@media (max-width: 680px) {
.zc-approved .hero__lead--mobile { display: block; }
}
@media (max-width: 680px) {
.zc-approved .desktop-only-copy { display: none; }
}
@media (max-width: 680px) {
.zc-approved .mobile-only-copy { display: inline; }
}
@media (max-width: 680px) {
.zc-approved .hero__lead { margin-bottom: 20px; font-size: 15px; line-height: 1.58; }
}
@media (max-width: 680px) {
.zc-approved .hero__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
}
@media (max-width: 680px) {
.zc-approved .hero__actions--desktop { display: none; }
}
@media (max-width: 680px) {
.zc-approved .hero__actions .button { width: 100%; min-height: 48px; padding: 9px 11px; font-size: 14px; }
}
@media (max-width: 680px) {
.zc-approved .hero__note { gap: 10px; margin-top: 17px; padding-top: 14px; }
}
@media (max-width: 680px) {
.zc-approved .hero__note-mark { flex-basis: 28px; width: 28px; height: 28px; }
}
@media (max-width: 680px) {
.zc-approved .hero__note p { font-size: 13px; }
}
@media (max-width: 680px) {
.zc-approved .hero__visual { max-width: 360px; }
}
@media (max-width: 680px) {
.zc-approved .hero__product-stage { height: 288px; border-radius: 42% 42% 20px 20px; }
}
@media (max-width: 680px) {
.zc-approved .hero__product-stage::before { width: 270px; height: 270px; }
}
@media (max-width: 680px) {
.zc-approved .hero__product-stage::after { left: 15px; bottom: 8px; font-size: 38px; }
}
@media (max-width: 680px) {
.zc-approved .hero__microcopy { top: 15px; font-size: 8px; }
}
@media (max-width: 680px) {
.zc-approved .hero-bottle { width: 69%; height: 174.46px; }
}
@media (max-width: 680px) {
.zc-approved .hero-bottle--main { left: 15.5%; top: 11%; }
}
@media (max-width: 680px) {
.zc-approved .hero-bottle--left { left: -6%; top: 21%; }
}
@media (max-width: 680px) {
.zc-approved .hero-bottle--right { right: -6%; top: 21%; }
}
@media (max-width: 680px) {
.zc-approved .founder-stamp { right: 9px; bottom: 9px; width: 184px; grid-template-columns: 48px 1fr; gap: 8px; padding: 7px 11px 7px 7px; }
}
@media (max-width: 680px) {
.zc-approved .founder-stamp img { width: 48px; height: 48px; }
}
@media (max-width: 680px) {
.zc-approved .founder-stamp strong { font-size: 19px; }
}
@media (max-width: 680px) {
.zc-approved .founder-stamp span { font-size: 8px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons__grid { grid-template-columns: repeat(3, 1fr); gap: 0px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons article { min-height: 116px; flex-direction: column; align-items: flex-start; gap: 9px; padding: 14px 10px; border-right: 1px solid var(--zc-line); border-bottom: 0px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons article:first-child { min-height: 116px; flex-direction: column; align-items: flex-start; gap: 9px; padding: 14px 10px; border-right: 1px solid var(--zc-line); border-bottom: 0px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons article:last-child { min-height: 116px; flex-direction: column; align-items: flex-start; gap: 9px; padding: 14px 10px; border-right: 1px solid var(--zc-line); border-bottom: 0px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons article:first-child { padding-left: 0px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons article:last-child { padding-right: 0px; border-right: 0px; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons strong { margin: 0px; font-size: 12px; line-height: 1.35; }
}
@media (max-width: 680px) {
.zc-approved .trust-reasons p { display: none; }
}
@media (max-width: 680px) {
.zc-approved .reviews__head .eyebrow { margin-bottom: 11px; font-size: 9px; }
}
@media (max-width: 680px) {
.zc-approved .faq .eyebrow { margin-bottom: 11px; font-size: 9px; }
}
@media (max-width: 680px) {
.zc-approved .founder .eyebrow { margin-bottom: 11px; font-size: 9px; }
}
@media (max-width: 680px) {
.zc-approved .reviews__head h2 { margin-bottom: 10px; font-size: 32px; }
}
@media (max-width: 680px) {
.zc-approved .faq h2 { margin-bottom: 10px; font-size: 32px; }
}
@media (max-width: 680px) {
.zc-approved .mobile-only-section { display: block; }
}
@media (max-width: 680px) {
.zc-approved .needs .section-heading { max-width: 345px; text-align: left; }
}
@media (max-width: 680px) {
.zc-approved .needs .section-heading .eyebrow { justify-content: flex-start; }
}
@media (max-width: 680px) {
.zc-approved .needs-grid { display: grid; grid-template-columns: 1fr; grid-auto-flow: row; gap: 12px; overflow: visible; }
}
@media (max-width: 680px) {
.zc-approved .need-card { min-width: 0px; min-height: 112px; display: grid; grid-template-columns: 48px minmax(0px, 1fr) 36px; grid-template-rows: auto auto; align-items: center; gap: 5px 14px; padding: 17px 16px; border-radius: 18px; }
}
@media (max-width: 680px) {
.zc-approved .need-card strong { grid-area: 1 / 2; align-self: end; font-size: 21px; }
}
@media (max-width: 680px) {
.zc-approved .need-card small { grid-area: 2 / 2; display: block; min-height: 0px; margin: 0px; overflow: visible; font-size: 14px; line-height: 1.42; }
}
@media (max-width: 680px) {
.zc-approved .need-card__link { grid-area: 1 / 3 / 3; place-self: center end; margin: 0px; font-size: 0px; }
}
@media (max-width: 680px) {
.zc-approved .need-card__link::after { content: "→"; color: var(--zc-green-900); font-size: 27px; font-weight: 900; line-height: 1; }
}
@media (max-width: 680px) {
.zc-approved .need-card--help { min-height: 150px; grid-template-rows: auto auto auto; }
}
@media (max-width: 680px) {
.zc-approved .need-card--help .need-card__icon { grid-row: 1 / 4; }
}
@media (max-width: 680px) {
.zc-approved .need-card--help strong { grid-area: 1 / 2 / auto / 4; }
}
@media (max-width: 680px) {
.zc-approved .need-card--help small { grid-area: 2 / 2 / auto / 4; color: rgb(214, 229, 218); }
}
@media (max-width: 680px) {
.zc-approved .need-card--help .need-card__link { grid-area: 3 / 2 / auto / 4; justify-self: start; color: rgb(241, 212, 159); font-size: 14px; }
}
@media (max-width: 680px) {
.zc-approved .need-card--help .need-card__link::after { content: none; }
}
@media (max-width: 680px) {
.zc-approved .bundles-carousel-frame { display: block; }
}
@media (max-width: 680px) {
.zc-approved .advice { padding: 60px 0px 66px; }
}
@media (max-width: 680px) {
.zc-approved .advice__grid { gap: 0px; }
}
@media (max-width: 680px) {
.zc-approved .advice h2 { margin-bottom: 18px; font-size: 34px; }
}
@media (max-width: 680px) {
.zc-approved .advice__desktop-copy { display: none; }
}
@media (max-width: 680px) {
.zc-approved .advice__mobile-summary { display: block; margin-bottom: 0px; color: rgb(219, 231, 222); font-size: 15px; line-height: 1.62; }
}
@media (max-width: 680px) {
.zc-approved .advice__actions { flex-direction: column; }
}
@media (max-width: 680px) {
.zc-approved .advice__actions { margin-top: 30px; }
}
@media (max-width: 680px) {
.zc-approved .advice__actions .button { width: 100%; font-size: 14px; }
}
@media (max-width: 680px) {
.zc-approved .advice__actions .button--ghost { display: none; }
}
@media (max-width: 680px) {
.zc-approved .advice-card { display: none; }
}
@media (max-width: 680px) {
.zc-approved .reviews__head { align-items: flex-start; flex-direction: column; gap: 15px; margin-bottom: 19px; }
}
@media (max-width: 680px) {
.zc-approved .google-summary { width: 100%; }
}
@media (max-width: 680px) {
.zc-approved .review-grid { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; gap: 12px; }
}
@media (max-width: 680px) {
.zc-approved .google-review { min-height: 0px; height: auto; overflow: visible; padding: 23px 21px; }
}
@media (max-width: 680px) {
.zc-approved .google-review--featured { transform: none; }
}
@media (max-width: 680px) {
.zc-approved .google-review blockquote { font-size: 17px; }
}
@media (max-width: 680px) {
.zc-approved .google-review__top strong { font-size: 15px; }
}
@media (max-width: 680px) {
.zc-approved .google-review__top small { display: none; }
}
@media (max-width: 680px) {
.zc-approved .review-date-mobile { display: block; margin: -7px 0px 15px; color: var(--zc-muted); font-size: 12px; }
}
@media (max-width: 680px) {
.zc-approved .google-review .stars { margin-bottom: 15px; }
}
@media (max-width: 680px) {
.zc-approved .review-source { font-size: 12px; }
}
@media (max-width: 680px) {
.zc-approved .reviews__action { margin-top: 20px; }
}
@media (max-width: 680px) {
.zc-approved .reviews__action .button { width: 100%; }
}
@media (max-width: 680px) {
.zc-approved .founder__grid { display: block; }
}
@media (max-width: 680px) {
.zc-approved .founder__visual { display: none; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-intro { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 14px; margin-bottom: 20px; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-photo { position: relative; isolation: isolate; width: 100px; height: 125px; padding: 16px 0px 8px; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-photo::before { content: ""; position: absolute; z-index: -2; left: 0px; bottom: 0px; width: 67%; height: 70%; border-radius: 5px; background: var(--zc-cream-deep); }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-photo::after { content: ""; position: absolute; z-index: -1; inset: 0px 0px 6px 7px; border-radius: 50px 50px 5px 5px; background: rgb(231, 235, 229); }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-intro img { display: block; width: auto; max-width: 100%; height: 100%; margin: 0px auto; object-fit: contain; object-position: center center; clip-path: inset(0px 1.3% 0.24% round 10.2% / 5.77%); }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-intro strong { display: block; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-intro span { display: block; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-intro strong { color: var(--zc-green-950); font-family: var(--zc-heading); font-size: 21px; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-intro span { margin-top: 3px; color: var(--zc-muted); font-size: 12px; }
}
@media (max-width: 680px) {
.zc-approved .founder__copy h2 { margin-bottom: 16px; font-size: 32px; }
}
@media (max-width: 680px) {
.zc-approved .founder__desktop-copy { display: none; }
}
@media (max-width: 680px) {
.zc-approved .founder__mobile-summary { display: block; color: var(--zc-muted); font-size: 15px; line-height: 1.58; }
}
@media (max-width: 680px) {
.zc-approved .founder__copy .text-link { margin-top: 1px; font-size: 14px; }
}
@media (max-width: 680px) {
.zc-approved .founder__signature { align-items: center; flex-direction: row; gap: 12px; margin-top: 22px; padding-top: 18px; }
}
@media (max-width: 680px) {
.zc-approved .founder__signature strong { font-size: 24px; }
}
@media (max-width: 680px) {
.zc-approved .founder__signature span { font-size: 12px; }
}
@media (max-width: 680px) {
.zc-approved .articles .section-heading .text-link { margin-top: 7px; font-size: 13px; }
}
@media (max-width: 680px) {
.zc-approved .article-grid { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; align-items: stretch; gap: 12px; }
}
@media (max-width: 680px) {
.zc-approved .article-card { display: block; min-width: 0px; border-radius: 18px; }
}
@media (max-width: 680px) {
.zc-approved .article-card__image { height: 185px; min-height: 0px; }
}
@media (max-width: 680px) {
.zc-approved .article-card__body { padding: 18px 22px; }
}
@media (max-width: 680px) {
.zc-approved .article-card h3 { font-size: 21px; }
}
@media (max-width: 680px) {
.zc-approved .article-card__body > p { display: block; overflow: visible; font-size: 15px; }
}
@media (max-width: 680px) {
.zc-approved .faq__grid { gap: 28px; }
}
@media (max-width: 680px) {
.zc-approved .faq__intro .button { width: 100%; }
}
@media (max-width: 680px) {
.zc-approved .faq__intro .button { font-size: 14px; }
}
@media (max-width: 680px) {
.zc-approved .faq summary { min-height: 48px; padding: 18px 0px; font-size: 15px; }
}
@media (max-width: 680px) {
.zc-approved .faq summary span { transform: none; font-size: 0px; }
}
@media (max-width: 680px) {
.zc-approved .faq summary span::before { content: "+"; font-size: 17px; line-height: 1; }
}
@media (max-width: 680px) {
.zc-approved .faq details[open] summary span { transform: none; }
}
@media (max-width: 680px) {
.zc-approved .faq details[open] summary span::before { content: "−"; }
}
@media (max-width: 680px) {
.zc-approved .faq details p { overflow: visible; margin-right: 32px; font-size: 15px; line-height: 1.6; }
}