.collagen2{--c2-ink: #142019;--c2-green: #315d3b;--c2-green-deep: #24472d;--c2-sage: #dbe9e0;--c2-warm: #fff8f1;--c2-orange: #c4531a;--c2-line: rgba(20, 32, 25, .14);--c2-muted: #5d675f;color:var(--c2-ink);background:#fff;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:1.55}.collagen2--pure{--c2-accent: #c96f2f;--c2-soft: #fff4ea}.collagen2--superfood{--c2-accent: #315d3b;--c2-soft: #edf5ee}.collagen2--strawberry{--c2-accent: #a93e54;--c2-soft: #fff0f3}.collagen2 *,.collagen2 *:before,.collagen2 *:after{box-sizing:border-box}.collagen2 h2,.collagen2 h3,.collagen2 strong,.collagen2 button,.collagen2 summary{font-family:var(--font-heading-family, Montserrat, Arial, sans-serif)}.collagen2 h2,.collagen2 h3,.collagen2 p{margin-top:0}.collagen2 h2{max-width:920px;margin-bottom:1.2rem;font-size:clamp(3rem,5vw,6rem);letter-spacing:-.055em;line-height:.98}.collagen2 h3{letter-spacing:-.025em}.collagen2-shell{width:min(1400px,calc(100% - 4rem));margin:0 auto}.collagen2-kicker{margin-bottom:.8rem;color:var(--c2-accent);font-family:var(--font-heading-family, Montserrat, Arial, sans-serif);font-size:1.2rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.collagen2-section-head{max-width:940px;margin-bottom:3rem}.collagen2-section-head>p:last-child{max-width:760px;margin-bottom:0;color:var(--c2-muted);font-size:clamp(1.6rem,1.5vw,2rem)}.collagen2-section-head--center{margin-inline:auto;text-align:center}.collagen2-section-head--center>*{margin-inline:auto}.collagen2-jump{position:sticky;top:var(--header-height, 0);z-index:12;display:flex;gap:.7rem;margin:0 -2rem;padding:1rem 2rem;overflow-x:auto;background:#fffffff0;border-block:1px solid var(--c2-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}.collagen2-jump::-webkit-scrollbar{display:none}.collagen2-jump a{flex:0 0 auto;padding:.65rem 1.15rem;border:1px solid var(--c2-line);border-radius:999px;color:var(--c2-ink);font-size:1.2rem;font-weight:700;line-height:1.2;text-decoration:none}.collagen2-jump a:hover,.collagen2-jump a:focus-visible{border-color:var(--c2-accent);color:var(--c2-accent)}.collagen2-proof{padding:clamp(3.8rem,6vw,6.5rem) 0}.collagen2-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.collagen2-proof-card{position:relative;display:grid;align-content:start;gap:.45rem;min-height:21rem;padding:2.2rem;overflow:hidden;border:1px solid var(--c2-line);border-radius:2rem;background:#fff}.collagen2-proof-card:after{content:"";position:absolute;right:-3rem;bottom:-4rem;width:12rem;height:12rem;border-radius:50%;background:var(--c2-soft)}.collagen2-proof-icon{position:relative;z-index:1;display:grid;place-items:center;width:4.8rem;height:4.8rem;margin-bottom:1.6rem;border-radius:50%;background:var(--c2-soft);color:var(--c2-accent);font-family:var(--font-heading-family, Montserrat, Arial, sans-serif);font-size:1.45rem;font-weight:800}.collagen2-proof-card strong,.collagen2-proof-card span,.collagen2-proof-card small{position:relative;z-index:1}.collagen2-proof-card strong{font-size:clamp(2rem,2.1vw,2.7rem);line-height:1.08}.collagen2-proof-card>span:not(.collagen2-proof-icon){font-size:1.45rem;font-weight:650}.collagen2-proof-card small{color:var(--c2-muted);font-size:1.25rem}.collagen2-proof-card--best-before{border-color:#315d3b52;background:linear-gradient(145deg,#fff 0%,var(--c2-soft) 100%)}.collagen2-proof-card--best-before .collagen2-proof-icon{background:#ffffffd1;box-shadow:0 0 0 7px #315d3b14}.collagen2-reviews{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.65fr);gap:clamp(2rem,5vw,7rem);padding:clamp(4.5rem,7vw,7.5rem);border-radius:2.8rem;background:var(--c2-ink);color:#fff}.collagen2-review-score{align-self:center}.collagen2-review-score .collagen2-kicker{color:#c9f28a}.collagen2-review-score h2{margin-bottom:0;font-size:clamp(3rem,4vw,5rem)}.collagen2-score-line{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:2rem}.collagen2-score-line>span{color:#f1ce50;font-size:1.6rem;letter-spacing:.06em}.collagen2-score-line strong{font-size:1.7rem}.collagen2-score-line a{color:#fff;font-size:1.35rem;text-underline-offset:.2em}.collagen2-review-track{display:grid;grid-auto-columns:minmax(27rem,.85fr);grid-auto-flow:column;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:rgba(255,255,255,.35) transparent}.collagen2-review-card{display:grid;align-content:space-between;min-height:27rem;padding:2.4rem;border:1px solid rgba(255,255,255,.16);border-radius:1.8rem;background:#ffffff12;color:#fff;scroll-snap-align:start}.collagen2-review-card>div{color:#f1ce50;font-size:1.5rem}.collagen2-review-card blockquote{margin:1.4rem 0 2rem;color:#fff;font-size:clamp(1.65rem,1.7vw,2rem);line-height:1.45}.collagen2-review-card p{margin-bottom:0;color:#fff;font-weight:750}.collagen2-review-card p span{color:#ffffffad;font-weight:500}.collagen2-compare{padding:clamp(5rem,7.5vw,8.5rem) 0}.collagen2-formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;max-width:1180px;margin:3.5rem auto 2rem}.collagen2-formula-card{position:relative;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:.7rem 2rem;align-items:start;padding:2.4rem;border:1px solid var(--c2-line);border-radius:2.2rem;background:#fff}.collagen2-formula-card.is-current{border:2px solid var(--c2-accent);background:var(--c2-soft)}.collagen2-formula-card img{grid-row:1 / span 5;width:100%;height:19rem;object-fit:contain}.collagen2-formula-badge{color:var(--c2-accent);font-size:1.05rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.collagen2-formula-card h3{margin:0;font-size:clamp(2.3rem,2.6vw,3.2rem);line-height:1.05}.collagen2-formula-card p{margin-bottom:.4rem;color:var(--c2-muted);font-size:1.4rem}.collagen2-formula-card ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0;padding:0;list-style:none}.collagen2-formula-card li{padding:.45rem .75rem;border-radius:999px;background:#ffffffc7;font-size:1.1rem;font-weight:750}.collagen2-formula-card a{color:var(--c2-accent);font-weight:800;text-underline-offset:.2em}.collagen2-details{max-width:1040px;margin:0 auto;border:1px solid var(--c2-line);border-radius:2rem;overflow:hidden}.collagen2-details>summary{padding:1.8rem 2.2rem;cursor:pointer;font-size:1.6rem;font-weight:750}.collagen2-bands{border-top:1px solid var(--c2-line)}.collagen2-bands article{display:grid;grid-template-columns:11rem repeat(3,minmax(0,1fr));gap:1.6rem;align-items:center;padding:2.2rem}.collagen2-bands article+article{border-top:1px solid var(--c2-line)}.collagen2-bands h3{margin:0;color:var(--c2-accent);font-size:1.25rem;letter-spacing:.1em}.collagen2-bands article>div{display:grid;gap:.2rem}.collagen2-bands strong{font-size:1.35rem}.collagen2-bands span{color:var(--c2-muted);font-size:1.65rem;line-height:1.35}.collagen2-mixer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,7vw,9rem);align-items:center;padding:clamp(4.2rem,6vw,6.8rem);border-radius:2.8rem;background:var(--c2-soft)}.collagen2-mixer-copy h2{font-size:clamp(3.4rem,5vw,6rem)}.collagen2-mixer-copy>p:not(.collagen2-kicker){max-width:55rem;color:var(--c2-muted);font-size:1.7rem}.collagen2-mixer-tabs{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem}.collagen2-mixer-tabs button{min-height:4.5rem;padding:.8rem 1.35rem;border:1px solid var(--c2-line);border-radius:999px;background:#fff;color:var(--c2-ink);cursor:pointer;font-size:1.25rem;font-weight:750}.collagen2-mixer-tabs button[aria-selected=true]{border-color:var(--c2-accent);background:var(--c2-accent);color:#fff}.collagen2-mixer-stage{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.3rem;align-items:center;min-height:37rem;padding:clamp(2.5rem,4vw,4.5rem);border:1px solid rgba(20,32,25,.11);border-radius:2.4rem;background:#fff;box-shadow:0 24px 60px #14201914}.collagen2-cup{position:relative;display:grid;place-items:center;width:14rem;height:17rem;border:4px solid var(--c2-accent);border-top-width:1.4rem;border-radius:1rem 1rem 4.5rem 4.5rem;color:var(--c2-accent)}.collagen2-cup:after{content:"";position:absolute;right:-4.3rem;top:4rem;width:4.2rem;height:7rem;border:4px solid var(--c2-accent);border-left:0;border-radius:0 4rem 4rem 0}.collagen2-cup span{position:absolute;top:36%;right:5%;bottom:5%;left:5%;border-radius:.3rem .3rem 3.5rem 3.5rem;background:var(--c2-soft)}.collagen2-cup i{position:absolute;top:-3.8rem;font-size:2.4rem;font-style:normal;font-weight:800}.collagen2-cup b{position:relative;font-size:1.5rem}.collagen2-mix-label{margin-bottom:.5rem;color:var(--c2-accent);font-size:1.1rem;font-weight:800;letter-spacing:.1em}.collagen2-mixer-stage h3{margin-bottom:1rem;font-size:clamp(2.3rem,3vw,3.5rem);line-height:1.05}.collagen2-mixer-stage p:not(.collagen2-mix-label){color:var(--c2-muted);font-size:1.5rem}.collagen2-mix-examples{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.8rem 0 0;padding:0;list-style:none}.collagen2-mix-examples li{padding:.65rem 1rem;border:1px solid var(--c2-line);border-radius:999px;background:var(--c2-soft);color:var(--c2-ink);font-size:1.25rem;font-weight:750}.collagen2-mixer-stage[data-mix-stage=cold] .collagen2-cup span{background:#e4f6ff}.collagen2-mixer-stage[data-mix-stage=food] .collagen2-cup span{background:#fff0d8}.collagen2-ingredients{padding:clamp(5rem,7.5vw,8.5rem) 0}.collagen2-ingredient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}.collagen2--pure .collagen2-ingredient-grid{grid-template-columns:minmax(0,58rem)}.collagen2-ingredient{overflow:hidden;border:1px solid var(--c2-line);border-radius:1.8rem;background:#fff}.collagen2-ingredient>button{width:100%;padding:0;border:0;background:none;color:var(--c2-ink);cursor:pointer;text-align:left}.collagen2-ingredient-media{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:var(--c2-soft)}.collagen2-ingredient-media img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.collagen2-ingredient-media>span{display:grid;place-items:center;width:7rem;height:7rem;border-radius:50%;background:#fff;color:var(--c2-accent);font-size:2rem;font-weight:800}.collagen2-ingredient:hover img{transform:scale(1.025)}.collagen2-ingredient-copy{display:grid;gap:.35rem;padding:1.5rem}.collagen2-ingredient-copy strong{font-size:1.65rem;line-height:1.15}.collagen2-ingredient-copy>span{min-height:3.6rem;color:var(--c2-muted);font-size:1.2rem}.collagen2-ingredient-copy em{display:flex;justify-content:space-between;margin-top:.4rem;color:var(--c2-accent);font-size:1.15rem;font-style:normal;font-weight:800}.collagen2-ingredient-copy b{font-size:1.5rem}.collagen2-ingredient-detail{padding:0 1.5rem 1.6rem;color:var(--c2-muted);font-size:1.3rem}.collagen2-ingredient-detail p:last-child{margin-bottom:0}.collagen2-ingredient.is-open{border-color:var(--c2-accent);box-shadow:0 10px 30px #14201912}.collagen2-ingredient.is-open .collagen2-ingredient-copy b{transform:rotate(45deg)}.collagen2-label{display:grid;grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);gap:clamp(3rem,7vw,9rem);align-items:center;padding:clamp(5rem,8vw,9rem);border-radius:2.8rem;background:var(--c2-ink);color:#fff}.collagen2-label h2{color:#fff!important;font-size:clamp(3.3rem,5vw,5.8rem)}.collagen2-label>div>p:not(.collagen2-kicker){max-width:58rem;color:#ffffffbf;font-size:1.55rem}.collagen2-label .collagen2-kicker{color:#c9f28a}.collagen2-label-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.collagen2-label-chips span{padding:.55rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:1.1rem;font-weight:700}.collagen2-label-note{font-size:1.15rem!important}.collagen2-label-image{position:relative;padding:1rem;border:0;border-radius:1.8rem;background:#fff;cursor:zoom-in;box-shadow:0 20px 50px #0003}.collagen2-label-image img{display:block;width:100%;height:auto;border-radius:1rem}.collagen2-label-image span{position:absolute;right:2rem;bottom:2rem;padding:.6rem .9rem;border-radius:999px;background:#142019e0;color:#fff;font-size:1.1rem;font-weight:750}.collagen2-label-dialog{width:min(94vw,1100px);max-height:92vh;padding:1.5rem;border:0;border-radius:1.5rem;background:#fff;box-shadow:0 30px 100px #0000004d}.collagen2-label-dialog::backdrop{background:#142019b8}.collagen2-label-dialog img{display:block;max-width:100%;max-height:84vh;margin:auto}.collagen2-label-dialog>button{position:sticky;top:0;z-index:2;float:right;width:4rem;height:4rem;border:0;border-radius:50%;background:var(--c2-ink);color:#fff;cursor:pointer;font-size:2.4rem}.collagen2-history{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) auto;gap:3rem;align-items:center;margin:clamp(4.5rem,7vw,7.5rem) 0;padding:3rem;border:1px solid var(--c2-line);border-radius:2.2rem;background:var(--c2-warm)}.collagen2-history h2{margin-bottom:0;font-size:clamp(2.8rem,4vw,4.6rem)}.collagen2-history>p{margin-bottom:0;color:var(--c2-muted);font-size:1.45rem}.collagen2-history>a{padding:1rem 1.4rem;border-radius:999px;background:var(--c2-ink);color:#fff;font-weight:750;text-decoration:none;white-space:nowrap}.collagen2-faq{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(3rem,6vw,7rem);padding-bottom:clamp(6rem,8vw,9rem)}.collagen2-faq .collagen2-section-head{margin:0}.collagen2-faq .collagen2-section-head h2{font-size:clamp(3rem,4.5vw,5.4rem)}.collagen2-faq details{border-top:1px solid var(--c2-line)}.collagen2-faq details:last-child{border-bottom:1px solid var(--c2-line)}.collagen2-faq summary{display:flex;justify-content:space-between;gap:2rem;padding:1.8rem 0;cursor:pointer;font-size:1.55rem;font-weight:750;list-style:none}.collagen2-faq summary::-webkit-details-marker{display:none}.collagen2-faq summary span{color:var(--c2-accent);font-size:2rem;transition:transform .15s ease}.collagen2-faq details[open] summary span{transform:rotate(45deg)}.collagen2-faq details>div{max-width:760px;padding:0 0 2rem;color:var(--c2-muted);font-size:1.45rem}.collagen2-faq details>div p:last-child{margin-bottom:0}.collagen2-sticky{display:none}.collagen2 a:focus-visible,.collagen2 button:focus-visible,.collagen2 summary:focus-visible{outline:3px solid var(--c2-accent);outline-offset:3px}@media(max-width:989px){.collagen2-shell{width:min(100% - 2.4rem,760px)}.collagen2-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collagen2-reviews{grid-template-columns:1fr;padding:4rem 2.4rem}.collagen2-formula-card{grid-template-columns:11rem minmax(0,1fr)}.collagen2-formula-card img{height:16rem}.collagen2-mixer{grid-template-columns:1fr;padding:4rem 2.4rem}.collagen2-ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collagen2-label{grid-template-columns:1fr;padding:4rem 2.4rem}.collagen2-history{grid-template-columns:1fr}.collagen2-history>a{justify-self:start}}@media(max-width:749px){.collagen2 h2{font-size:clamp(3rem,11vw,4.7rem)}.collagen2-jump{margin:0 -1.2rem;padding-inline:1.2rem}.collagen2-proof{padding:4rem 0}.collagen2-section-head{margin-bottom:2.2rem}.collagen2-proof-grid{gap:.9rem}.collagen2-proof-card{min-height:18.5rem;padding:1.5rem;border-radius:1.5rem}.collagen2-proof-card strong{font-size:2rem}.collagen2-proof-card>span:not(.collagen2-proof-icon){font-size:1.3rem}.collagen2-proof-card small{font-size:1.1rem}.collagen2-proof-icon{width:4.1rem;height:4.1rem;margin-bottom:1rem}.collagen2-reviews{margin-inline:-1.2rem;border-radius:0}.collagen2-review-track{grid-auto-columns:86%}.collagen2-review-card{min-height:24rem}.collagen2-compare{padding:5.5rem 0}.collagen2-formulas{grid-template-columns:1fr}.collagen2-formula-card{grid-template-columns:10rem minmax(0,1fr);padding:1.6rem}.collagen2-bands article{grid-template-columns:1fr;gap:.8rem;padding:1.7rem}.collagen2-bands article>div{padding-left:1rem;border-left:3px solid var(--c2-soft)}.collagen2-bands h3{margin-bottom:.3rem}.collagen2-bands span{font-size:1.55rem}.collagen2-mixer{margin-inline:-1.2rem;border-radius:0}.collagen2-mixer-stage{grid-template-columns:1fr;min-height:0;padding:2.2rem}.collagen2-cup{width:10rem;height:12rem;margin:1rem auto 2.5rem}.collagen2-cup:after{right:-3.2rem;top:3rem;width:3rem;height:5rem}.collagen2-ingredients{padding:5.5rem 0}.collagen2-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.collagen2--pure .collagen2-ingredient-grid{grid-template-columns:1fr}.collagen2-ingredient-copy{padding:1.2rem}.collagen2-ingredient-copy strong{font-size:1.4rem}.collagen2-ingredient-copy>span{min-height:0;font-size:1.1rem}.collagen2-label{margin-inline:-1.2rem;border-radius:0}.collagen2-history{margin:4.8rem 0;padding:2.2rem}.collagen2-faq{grid-template-columns:1fr;padding-bottom:10rem}.collagen2-sticky{position:fixed;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--c2-line);background:#fffffff5;box-shadow:0 -10px 30px #1420191f;transform:translateY(110%);transition:transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.collagen2-sticky.is-visible{transform:translateY(0)}.collagen2-sticky>div{display:grid;line-height:1.2}.collagen2-sticky>div strong{max-width:16rem;overflow:hidden;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap}.collagen2-sticky>div span{color:var(--c2-muted);font-size:1.1rem}.collagen2-sticky button{min-height:4.6rem;padding:.8rem 1.6rem;border:0;border-radius:999px;background:var(--c2-green-deep);color:#fff;font-size:1.25rem;font-weight:800}}@media(prefers-reduced-motion:reduce){.collagen2 *,.collagen2 *:before,.collagen2 *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/zentein-collagen-pdp-2.css.map */