/* German Collagen static extract */
.gc-page {
  --gc-paper: #f7f5ef; --gc-paper-deep: #eee9df; --gc-cream: #fffdf8;
  --gc-sage: #dce8e1; --gc-sage-deep: #bdd0c6; --gc-jade: #4f8e7d;
  --gc-jade-dark: #214d42; --gc-ink: #21342f; --gc-soft: #5f706b;
  --gc-amber: #d48845; --gc-amber-soft: #edc18d; --gc-line: rgba(33,52,47,.14);
  overflow-x:clip; color:var(--gc-ink); background:var(--gc-paper);
  font-family:"Noto Sans TC","PingFang TC",sans-serif;
}
.gc-page *{
  font-family:"Noto Sans TC","PingFang TC",sans-serif;
}
.gc-page *,.gc-page *::before,.gc-page *::after{box-sizing:border-box}.gc-page a{color:inherit}.gc-page :focus-visible{outline:3px solid rgba(79,142,125,.38);outline-offset:4px}.gc-page button,.gc-page a,.gc-page summary{-webkit-tap-highlight-color:transparent}.gc-page button:active,.gc-page a:active{transform:scale(.97)}.gc-page main{overflow:clip}.gc-page h1,.gc-page h2,.gc-page h3,.gc-page p{text-wrap:pretty}

.gc-header{position:sticky;top:0;z-index:60;min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1.3rem,3vw,3.5rem);padding:0 clamp(1.25rem,5vw,6rem);border-bottom:1px solid var(--gc-line);background:rgba(247,245,239,.94);backdrop-filter:blur(18px)}
.gc-menu-button .gc-icon-close{display:none}
.gc-header.is-menu-open .gc-menu-button .gc-icon-menu{display:none}
.gc-header.is-menu-open .gc-menu-button .gc-icon-close{display:block}
.gc-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.gc-brand img{width:45px;height:45px;object-fit:contain}.gc-brand span{display:flex;flex-direction:column}.gc-brand strong{font:750 1.08rem/1 "DM Sans",sans-serif;letter-spacing:-.05em}.gc-brand small{margin-top:.4rem;color:var(--gc-soft);font:700 .49rem/1 "DM Sans",sans-serif;letter-spacing:.15em}
.gc-nav{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,2.25vw,2.2rem)}.gc-nav>a,.gc-product-menu>summary{min-height:46px;display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;color:rgba(33,52,47,.78);background:transparent;font-size:.78rem;font-weight:680;text-decoration:none;cursor:pointer;list-style:none;transition:color 180ms}.gc-product-menu>summary::-webkit-details-marker{display:none}.gc-product-menu>summary svg{width:14px;transition:transform 180ms}.gc-product-menu[open]>summary svg{transform:rotate(180deg)}.gc-nav>a:hover,.gc-product-menu>summary:hover{color:var(--gc-jade-dark)}
.gc-product-menu{position:relative}.gc-product-menu>div{position:absolute;top:calc(100% + 9px);left:50%;width:285px;padding:.65rem;background:var(--gc-cream);border:1px solid var(--gc-line);box-shadow:0 24px 60px rgba(21,48,40,.14);transform:translateX(-50%)}.gc-product-menu>div a{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:.7rem .85rem;border-bottom:1px solid var(--gc-line);text-decoration:none;transition:background 160ms,transform 160ms}.gc-product-menu>div a:last-child{border-bottom:0}.gc-product-menu>div a:hover{background:var(--gc-sage);transform:translateX(3px)}.gc-product-menu>div span{font-weight:720}.gc-product-menu>div small{color:var(--gc-soft);font-size:.68rem}
.gc-header-actions{display:flex;align-items:center;gap:.55rem}.gc-cart-button,.gc-header-contact{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .95rem;border:1px solid var(--gc-line);font-size:.75rem;font-weight:750;text-decoration:none;transition:transform 160ms,box-shadow 180ms}.gc-header-contact{color:#fff;background:var(--gc-jade-dark)}.gc-header-actions svg{width:16px;height:16px}.gc-header-actions>*:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(33,52,47,.1)}.gc-menu-button,.gc-mobile-nav{display:none}

.gc-hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--gc-line)}.gc-hero-visual{position:relative;min-height:720px;overflow:hidden;background:var(--gc-sage)}.gc-hero-media{position:absolute;inset:0;transform-origin:center center;transform:scale(1.02);animation:gcHeroDrift 10s cubic-bezier(.77,0,.175,1) infinite alternate}.gc-hero-media>img{width:100%;height:100%;display:block;object-fit:cover;object-position:64% center}.gc-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(33,52,47,.08)),linear-gradient(0deg,rgba(21,48,40,.32),transparent 36%);pointer-events:none}.gc-knee-pulse{position:absolute;z-index:2;left:var(--gc-knee-x,43%);top:var(--gc-knee-y,65%);width:26px;height:26px;border-radius:50%;background:rgba(220,137,68,.66);box-shadow:0 0 26px rgba(220,137,68,.78);transform:translate(-50%,-50%);pointer-events:none}.gc-knee-pulse i{position:absolute;inset:-2px;border:1px solid rgba(255,222,174,.9);border-radius:inherit;animation:gcKneePulse 2.6s cubic-bezier(.23,1,.32,1) infinite}.gc-knee-pulse i:last-child{animation-delay:1.3s}.gc-hero-visual-caption{position:absolute;z-index:3;right:2rem;bottom:2rem;left:2rem;display:flex;align-items:center;gap:.9rem;color:#fff}.gc-hero-visual-caption span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font:700 .62rem "DM Sans",sans-serif}.gc-hero-visual-caption p{margin:0;font-size:.85rem;font-weight:650}
.gc-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4.5rem,7vw,8rem) clamp(2.2rem,5.5vw,6.5rem);background:radial-gradient(circle at 90% 12%,rgba(220,232,225,.9),transparent 30%),var(--gc-paper)}
.gc-kicker,.gc-reasons header p,.gc-formula-copy>p:first-child,.gc-values header>p,.gc-grandma-copy>p:first-child,.gc-truth-intro>p:first-child,.gc-abo>div:first-child>p,.gc-buy-panel>p:first-child{display:flex;align-items:center;gap:.75rem;margin:0 0 1.8rem;color:var(--gc-jade);font:800 .62rem/1.2 "DM Sans",sans-serif;letter-spacing:.18em}.gc-twin-dot{display:inline-flex;align-items:flex-end;gap:4px}.gc-twin-dot i{display:block;width:10px;height:10px;border-radius:50%;background:var(--gc-jade)}.gc-twin-dot i:last-child{width:6px;height:6px;background:var(--gc-amber)}.gc-hero h1{max-width:710px;margin:0;font-size:clamp(3.65rem,5.4vw,5.9rem);font-weight:540;line-height:1.05;letter-spacing:-.065em}.gc-hero h1 em{color:var(--gc-jade-dark);font-style:normal}.gc-hero-lead{max-width:640px;margin:2rem 0 0;color:var(--gc-soft);font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.88}
.gc-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--gc-line);border:1px solid var(--gc-line)}.gc-hero-proof span{min-height:82px;display:flex;flex-direction:column;justify-content:center;padding:1rem;background:rgba(255,253,248,.66);color:var(--gc-soft);font-size:.7rem}.gc-hero-proof strong{margin-bottom:.35rem;color:var(--gc-ink);font:600 1.3rem/1 "DM Sans",sans-serif}.gc-hero-actions{display:flex;gap:.7rem;margin-top:1.65rem}.gc-hero-actions a{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:0 1.15rem;border:1px solid var(--gc-jade-dark);font-size:.8rem;font-weight:750;text-decoration:none;transition:transform 160ms,box-shadow 180ms,background 180ms}.gc-hero-actions a:first-child{color:#fff;background:var(--gc-jade-dark)}.gc-hero-actions a:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(33,77,66,.14)}.gc-hero-actions svg{width:17px}.gc-hero-copy>small{max-width:600px;margin-top:1.3rem;color:rgba(33,52,47,.62);font-size:.72rem;line-height:1.7}
.gc-reveal{opacity:1;transform:none;transition:opacity 520ms cubic-bezier(.23,1,.32,1),transform 520ms cubic-bezier(.23,1,.32,1)}
html.gc-js .gc-reveal:not(.is-visible){opacity:0;transform:translateY(14px)}
html.gc-js .gc-reveal.is-visible{opacity:1;transform:none}

.gc-reasons{padding:clamp(5rem,8vw,8rem) clamp(1.3rem,5vw,6rem);background:var(--gc-cream)}.gc-reasons header{max-width:1180px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:end;gap:3rem;margin:0 auto 3.5rem}.gc-reasons header p{margin:0}.gc-reasons header h2{max-width:760px;margin:0;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:520;line-height:1.12;letter-spacing:-.055em}.gc-reasons>div{max-width:1320px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 auto;background:var(--gc-line);border:1px solid var(--gc-line)}.gc-reasons article{position:relative;min-height:335px;padding:2rem;background:var(--gc-paper);transition:transform 200ms,background 180ms}.gc-reasons article:hover{z-index:2;background:var(--gc-sage);transform:translateY(-5px)}.gc-reasons article>span{color:var(--gc-jade);font:750 .64rem "DM Sans",sans-serif}.gc-reasons article svg{width:34px;height:34px;display:block;margin:3.6rem 0 1.8rem;color:var(--gc-amber);stroke-width:1.45}.gc-reasons h3{margin:0;font-size:1.45rem;font-weight:620;letter-spacing:-.035em}.gc-reasons article p{margin:1rem 0 0;color:var(--gc-soft);font-size:.88rem;line-height:1.8}

.gc-formula{min-height:760px;display:grid;grid-template-columns:.92fr 1.08fr;border-top:1px solid var(--gc-line);border-bottom:1px solid var(--gc-line)}.gc-formula-stage{position:relative;min-height:760px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--gc-sage),#cbdcd3)}.gc-formula-stage::before{content:"";position:absolute;width:min(44vw,640px);aspect-ratio:1;border:1px solid rgba(33,52,47,.14);border-radius:50%}.gc-formula-halo{position:absolute;width:62%;height:22%;bottom:16%;border-radius:50%;background:rgba(61,99,88,.19);filter:blur(18px);bottom: 50%;
  width: min(62%, 500px);
  height: calc(min(62%, 500px) / 2);
  transform: translate(0, 180%);
  z-index: 1;}.gc-formula-stage>img{position:relative;z-index:2;width:min(62%,470px);max-height:560px;object-fit:contain;filter:drop-shadow(0 34px 28px rgba(33,52,47,.2));transition:transform 240ms cubic-bezier(.23,1,.32,1)}.gc-formula-stage:hover>img{transform:translateY(-8px) rotate(-1deg)}.gc-formula-seal{position:absolute;z-index:3;top:2.2rem;left:2.2rem;width:114px;height:114px;display:grid;place-content:center;border:1px solid rgba(33,52,47,.32);border-radius:50%;text-align:center;font:700 .58rem/1.5 "DM Sans",sans-serif;letter-spacing:.12em}.gc-formula-seal strong{font-size:.72rem}.gc-formula-spec{position:absolute;z-index:3;right:2rem;bottom:2rem;min-width:176px;padding:1.15rem;border:1px solid rgba(255,255,255,.55);background:rgba(247,245,239,.84);backdrop-filter:blur(12px)}.gc-formula-spec span,.gc-formula-spec small{display:block;color:var(--gc-soft);font:700 .55rem/1.4 "DM Sans",sans-serif;letter-spacing:.12em}.gc-formula-spec strong{display:block;margin:.55rem 0;font:600 1.65rem/1 "DM Sans",sans-serif}
.gc-formula-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4.5rem,7vw,8rem) clamp(2.2rem,6vw,7rem);background:var(--gc-paper)}.gc-formula-copy h2{margin:0;font-size:clamp(3rem,4.7vw,5rem);font-weight:520;line-height:1.1;letter-spacing:-.06em}.gc-formula-lead{max-width:580px;margin:1.8rem 0 2.4rem;color:var(--gc-soft);line-height:1.85}.gc-formula-faq{border-top:1px solid var(--gc-line)}.gc-formula-faq details{border-bottom:1px solid var(--gc-line)}.gc-formula-faq summary{min-height:62px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:.6rem;font-size:.88rem;font-weight:700;cursor:pointer;list-style:none}.gc-formula-faq summary::-webkit-details-marker{display:none}.gc-formula-faq summary span{color:var(--gc-jade);font:700 .58rem "DM Sans",sans-serif}.gc-formula-faq summary svg{width:17px;transition:transform 180ms}.gc-formula-faq details[open] summary svg{transform:rotate(180deg)}.gc-formula-faq details p{margin:0 0 1.4rem 35px;color:var(--gc-soft);font-size:.82rem;line-height:1.82}.gc-formula-copy>a{align-self:flex-start;display:inline-flex;align-items:center;gap:.6rem;margin-top:1.6rem;color:var(--gc-jade-dark);font-size:.78rem;font-weight:750;text-decoration:none}.gc-formula-copy>a svg{width:16px}

.gc-values{padding:clamp(5rem,9vw,9rem) clamp(1.3rem,5vw,6rem);color:#fff;background:var(--gc-jade-dark)}.gc-values header{max-width:1280px;display:grid;grid-template-columns:.55fr 1.05fr .7fr;align-items:end;gap:3rem;margin:0 auto 4rem}.gc-values header>p{align-self:start;color:var(--gc-amber-soft)}.gc-values header h2{margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:500;line-height:1.08;letter-spacing:-.06em}.gc-values header>span{color:rgba(255,255,255,.68);font-size:.85rem;line-height:1.8}.gc-value-list{max-width:1280px;display:grid;grid-template-columns:1.12fr .88fr 1fr;gap:1px;margin:0 auto;background:rgba(255,255,255,.16)}.gc-value-list article{min-height:390px;padding:2rem;background:rgba(255,255,255,.055);transition:transform 200ms,background 180ms}.gc-value-list article:hover{z-index:1;background:rgba(255,255,255,.1);transform:translateY(-6px)}.gc-value-list article>div{display:flex;justify-content:space-between;align-items:center}.gc-value-list article>div span{color:var(--gc-amber-soft);font:700 .62rem "DM Sans",sans-serif}.gc-value-list article svg{width:28px;color:var(--gc-amber-soft);stroke-width:1.5}.gc-value-list small{display:block;margin-top:5.5rem;color:rgba(255,255,255,.48);font:700 .56rem "DM Sans",sans-serif;letter-spacing:.14em}.gc-value-list h3{margin:.8rem 0 0;font-size:clamp(1.8rem,2.6vw,2.65rem);font-weight:520;letter-spacing:-.055em}.gc-value-list p{margin:1.2rem 0 0;color:rgba(255,255,255,.7);font-size:.88rem;line-height:1.85}

.gc-grandma{min-height:690px;display:grid;grid-template-columns:.88fr 1.12fr;background:var(--gc-cream);border-bottom:1px solid var(--gc-line)}.gc-grandma-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4.5rem,7vw,7.5rem) clamp(2rem,5.5vw,6rem)}.gc-grandma-copy h2{margin:0;font-size:clamp(3rem,4.6vw,4.8rem);font-weight:520;line-height:1.08;letter-spacing:-.06em}.gc-grandma-copy>p:nth-of-type(2){margin:1.8rem 0 0;color:var(--gc-soft);line-height:1.9}.gc-grandma-copy blockquote{margin:2rem 0 0;padding:1.3rem 0 1.3rem 1.5rem;border-left:3px solid var(--gc-amber);font-size:1.1rem;font-weight:650;line-height:1.6}.gc-grandma-copy>small{margin-top:1.5rem;color:rgba(33,52,47,.58);font-size:.7rem;line-height:1.7}.gc-video-frame{position:relative;min-height:690px;display:grid;place-items:center;padding:clamp(1.2rem,4vw,4rem);background:var(--gc-sage)}.gc-video-frame::before{content:"";position:absolute;inset:clamp(1.2rem,4vw,4rem);border:1px solid rgba(33,52,47,.18);transform:translate(12px,12px)}.gc-video-frame iframe{position:relative;z-index:2;width:100%;aspect-ratio:16/9;border:0;background:var(--gc-ink);box-shadow:0 28px 60px rgba(33,52,47,.19)}.gc-video-label{position:absolute;z-index:3;top:clamp(1.8rem,5vw,5rem);left:clamp(1.8rem,5vw,5rem);display:inline-flex;align-items:center;gap:.55rem;padding:.75rem .9rem;color:#fff;background:var(--gc-jade-dark)}.gc-video-label svg{width:18px}.gc-video-label span{font:750 .56rem "DM Sans",sans-serif;letter-spacing:.14em}

.gc-truth-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1.3rem,6vw,7rem);background:var(--gc-paper)}.gc-truth-intro{position:sticky;top:2rem;align-self:start}.gc-truth-intro h2{margin:0;font-size:clamp(2.8rem,4.3vw,4.7rem);font-weight:520;line-height:1.1;letter-spacing:-.06em}.gc-truth-intro>p:nth-of-type(2){margin:1.7rem 0 0;color:var(--gc-soft);line-height:1.85}.gc-source-note{display:flex;gap:.75rem;margin-top:2rem;padding:1.15rem;border:1px solid var(--gc-line);background:var(--gc-sage)}.gc-source-note svg{width:20px;flex:0 0 auto;color:var(--gc-jade)}.gc-source-note span{color:var(--gc-soft);font-size:.74rem;line-height:1.7}.gc-truth-list{border-top:1px solid var(--gc-line)}.gc-truth-list details{border-bottom:1px solid var(--gc-line)}.gc-truth-list summary{min-height:92px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:.8rem;cursor:pointer;list-style:none}.gc-truth-list summary::-webkit-details-marker{display:none}.gc-truth-list summary>span{color:var(--gc-jade);font:700 .6rem "DM Sans",sans-serif}.gc-truth-list summary strong{font-size:clamp(.94rem,1.35vw,1.15rem);font-weight:680}.gc-truth-list summary svg{width:18px;transition:transform 180ms}.gc-truth-list details[open] summary svg{transform:rotate(180deg)}.gc-truth-list details>p{margin:-.2rem 2rem 1.7rem 40px;color:var(--gc-soft);font-size:.88rem;line-height:1.88}.gc-references{margin:1.3rem 0 0;color:rgba(33,52,47,.58);font-size:.67rem;line-height:1.7}.gc-references a{color:var(--gc-jade-dark);text-underline-offset:3px}

.gc-abo{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,8rem);padding:clamp(4.5rem,8vw,8rem) clamp(1.3rem,6vw,7rem);background:var(--gc-sage);border-top:1px solid var(--gc-line);border-bottom:1px solid var(--gc-line)}.gc-abo>div:first-child h2{margin:0;font-size:clamp(2.8rem,4.4vw,4.8rem);font-weight:520;line-height:1.1;letter-spacing:-.06em}.gc-abo>div:first-child>span{display:block;max-width:540px;margin-top:1.5rem;color:var(--gc-soft);line-height:1.85}.gc-abo-keywords{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:1px;background:rgba(33,52,47,.15);border:1px solid rgba(33,52,47,.15)}.gc-abo-keywords a{min-height:92px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:.7rem;padding:1rem 1.2rem;background:rgba(255,253,248,.76);text-decoration:none;transition:transform 180ms,background 180ms,box-shadow 180ms}.gc-abo-keywords a:hover{z-index:2;background:var(--gc-cream);transform:translateY(-3px);box-shadow:0 16px 28px rgba(33,52,47,.1)}.gc-abo-keywords a:last-child{grid-column:1/-1}.gc-abo-keywords span{color:var(--gc-jade);font:700 .58rem "DM Sans",sans-serif}.gc-abo-keywords strong{font-size:.95rem}.gc-abo-keywords svg{width:20px;color:var(--gc-jade-dark)}

.gc-buy{min-height:720px;display:grid;grid-template-columns:1fr 1fr;color:#fff;background:var(--gc-jade-dark)}.gc-buy-visual{position:relative;min-height:720px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#c9dbd1,#e9dfd0)}.gc-buy-visual::before{content:"";position:absolute;width:min(42vw,620px);aspect-ratio:1;border:1px solid rgba(33,52,47,.18);border-radius:50%}.gc-buy-halo{position:absolute;bottom:15%;width:62%;height:20%;border-radius:50%;background:rgba(33,52,47,.2);filter:blur(20px)}.gc-buy-visual img{position:relative;z-index:2;width:min(61%,470px);max-height:540px;object-fit:contain;filter:drop-shadow(0 36px 30px rgba(33,52,47,.23));transition:transform 240ms cubic-bezier(.23,1,.32,1)}.gc-buy:hover .gc-buy-visual img{transform:translateY(-8px) rotate(1deg)}.gc-buy-visual p{position:absolute;z-index:3;right:2rem;bottom:2rem;display:flex;align-items:center;gap:.55rem;margin:0;padding:.8rem 1rem;color:var(--gc-ink);background:rgba(255,253,248,.82);font-size:.72rem;font-weight:720}.gc-buy-visual p svg{width:16px}.gc-buy-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,7vw,8rem)}.gc-buy-panel>p:first-child{color:var(--gc-amber-soft)}.gc-buy-panel h2{max-width:640px;margin:0;font-size:clamp(3rem,4.7vw,5rem);font-weight:500;line-height:1.08;letter-spacing:-.06em}.gc-price{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:2.3rem;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.gc-price span{color:rgba(255,255,255,.62);font-size:.72rem}.gc-price strong{color:var(--gc-amber-soft);font:540 clamp(2.4rem,4vw,4.2rem)/1 "DM Sans",sans-serif;letter-spacing:-.05em}.gc-buy-panel ul{display:grid;gap:.75rem;margin:1.7rem 0;padding:0;list-style:none}.gc-buy-panel li{display:flex;align-items:center;gap:.65rem;color:rgba(255,255,255,.78);font-size:.82rem}.gc-buy-panel li svg{width:17px;color:var(--gc-amber-soft)}.gc-buy-panel>button,.gc-buy-panel>a{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid var(--gc-amber-soft);font-size:.8rem;font-weight:760;text-decoration:none;transition:transform 160ms,box-shadow 180ms}.gc-buy-panel>button{color:var(--gc-jade-dark);background:var(--gc-amber-soft);cursor:pointer}.gc-buy-panel>a{margin-top:.65rem;color:#fff}.gc-buy-panel>button:hover,.gc-buy-panel>a:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(0,0,0,.16);color: #fff;}.gc-buy-panel>small{margin-top:1.2rem;color:rgba(255,255,255,.52);font-size:.68rem;line-height:1.7}
.gc-buy h2{color: #fff;}
.gc-disclaimer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.6rem clamp(1.3rem,6vw,7rem);border-top:1px solid var(--gc-line);background:var(--gc-paper-deep)}.gc-disclaimer>svg{width:22px;color:var(--gc-jade)}.gc-disclaimer strong{font-size:.8rem}.gc-disclaimer p{margin:.3rem 0 0;color:var(--gc-soft);font-size:.7rem;line-height:1.65}.gc-disclaimer a{display:inline-flex;align-items:center;gap:.5rem;color:var(--gc-jade-dark);font-size:.72rem;font-weight:750;text-decoration:none}.gc-disclaimer a svg{width:15px}.gc-mobile-buybar{display:none}

@keyframes gcHeroDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-1%,-.5%,0)}}@keyframes gcKneePulse{0%{opacity:.65;transform:scale(.8)}80%,100%{opacity:0;transform:scale(3.3)}}
@media(max-width:1120px){.gc-nav{gap:1rem}.gc-nav>a,.gc-product-menu>summary{font-size:.71rem}.gc-hero{grid-template-columns:1fr 1fr}.gc-hero-copy{padding-right:2rem;padding-left:2rem}.gc-values header{grid-template-columns:.55fr 1.1fr}.gc-values header>span{grid-column:2}.gc-value-list article{min-height:360px}}
@media(max-width:920px){.gc-header{grid-template-columns:1fr auto auto;min-height:70px;padding:0 1rem}.gc-brand img{width:39px;height:39px}.gc-brand small{font-size:.44rem}.gc-nav,.gc-header-contact{display:none}.gc-menu-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--gc-line);color:var(--gc-ink);background:transparent;cursor:pointer}.gc-menu-button svg{width:20px}.gc-header.is-menu-open .gc-mobile-nav{position:absolute;z-index:80;top:70px;right:0;left:0;display:grid;max-height:calc(100svh - 70px);overflow-y:auto;padding:.75rem 1rem 1rem;border-bottom:1px solid var(--gc-line);background:rgba(247,245,239,.985);box-shadow:0 24px 50px rgba(33,52,47,.14)}.gc-mobile-nav p{margin:.8rem 0 .35rem;color:var(--gc-jade);font:800 .52rem "DM Sans",sans-serif;letter-spacing:.15em}.gc-mobile-nav a{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gc-line);font-size:.83rem;font-weight:680;text-decoration:none}.gc-mobile-nav a span{color:var(--gc-jade);font:750 .55rem "DM Sans",sans-serif}.gc-mobile-cart{min-height:48px;margin-top:.8rem;border:0;color:#fff;background:var(--gc-jade-dark);font-weight:720;justify-content:center}.gc-hero,.gc-reasons header,.gc-formula,.gc-grandma,.gc-truth-faq,.gc-abo,.gc-buy{grid-template-columns:1fr}.gc-hero-visual{min-height:58svh}.gc-hero-media>img{object-position:center 48%}.gc-hero-copy{padding:4.5rem 1.35rem 5rem}.gc-hero h1{font-size:clamp(3rem,9.6vw,4.7rem)}.gc-reasons header{gap:1.2rem}.gc-reasons>div{grid-template-columns:1fr}.gc-reasons article{min-height:auto}.gc-reasons article svg{margin:2rem 0 1.2rem}.gc-formula-stage{min-height:600px}.gc-formula-copy{padding:5rem 1.35rem}.gc-values header{grid-template-columns:1fr;gap:1.2rem}.gc-values header>span{grid-column:auto;max-width:620px}.gc-value-list{grid-template-columns:1fr}.gc-value-list article{min-height:300px}.gc-value-list small{margin-top:3rem}.gc-grandma-copy{padding:5rem 1.35rem}.gc-video-frame{min-height:auto;padding:3.5rem 1.35rem}.gc-video-frame::before{inset:3.5rem 1.35rem}.gc-video-label{top:4rem;left:1.8rem}.gc-truth-intro{position:static}.gc-abo-keywords{margin-top:1rem}.gc-buy-visual{min-height:610px}.gc-buy-panel{padding:5rem 1.35rem}}
@media(max-width:620px){.gc-page{padding-bottom:78px}.gc-header-actions .gc-cart-button{width:44px;padding:0;font-size:0}.gc-header-actions .gc-cart-button svg{width:18px}.gc-hero-visual{min-height:430px}.gc-hero-visual-caption{right:1.1rem;bottom:1.1rem;left:1.1rem}.gc-hero h1{font-size:clamp(2.75rem,13vw,4rem);line-height:1.08}.gc-hero-lead{font-size:.94rem}.gc-hero-proof{grid-template-columns:repeat(3,1fr)}.gc-hero-proof span{min-height:74px;padding:.8rem .65rem;font-size:.58rem}.gc-hero-proof strong{font-size:1.08rem}.gc-hero-actions{display:grid;grid-template-columns:1fr}.gc-hero-actions a{min-height:50px}.gc-reasons,.gc-values,.gc-truth-faq,.gc-abo{padding-right:1.1rem;padding-left:1.1rem}.gc-reasons header h2,.gc-formula-copy h2,.gc-grandma-copy h2,.gc-truth-intro h2,.gc-abo>div:first-child h2,.gc-buy-panel h2{font-size:clamp(2.45rem,11vw,3.6rem)}.gc-reasons>div{gap:.65rem;background:transparent;border:0}.gc-reasons article{border:1px solid var(--gc-line)}.gc-formula-stage{min-height:485px}.gc-formula-stage::before{width:88vw}.gc-formula-stage>img{width:67%;max-height:340px}.gc-formula-seal{top:1rem;left:1rem;width:86px;height:86px}.gc-formula-spec{right:1rem;bottom:1rem;min-width:150px}.gc-formula-faq summary{min-height:70px}.gc-values header h2{font-size:clamp(2.75rem,12vw,4rem)}.gc-value-list{gap:.65rem;background:transparent}.gc-value-list article{min-height:270px;border:1px solid rgba(255,255,255,.13)}.gc-video-frame{padding:3.25rem .8rem 2.5rem}.gc-video-frame::before{inset:3.25rem .8rem 2.5rem}.gc-video-label{top:3.55rem;left:1.1rem;padding:.55rem .7rem}.gc-truth-list summary{min-height:84px;grid-template-columns:30px 1fr auto}.gc-truth-list details>p{margin-left:30px}.gc-abo-keywords{grid-template-columns:1fr;gap:.55rem;background:transparent;border:0}.gc-abo-keywords a,.gc-abo-keywords a:last-child{grid-column:auto;min-height:72px;border:1px solid var(--gc-line)}.gc-buy-visual{min-height:470px}.gc-buy-visual img{width:65%;max-height:340px}.gc-buy-visual p{right:1rem;bottom:1rem}.gc-price strong{font-size:2.7rem}.gc-disclaimer{grid-template-columns:auto 1fr;padding-bottom:6.5rem}.gc-disclaimer a{grid-column:2}.gc-mobile-buybar{position:fixed;z-index:70;right:.75rem;bottom:.75rem;left:.75rem;min-height:66px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.65rem .7rem .65rem 1rem;color:#fff;background:rgba(33,77,66,.96);box-shadow:0 20px 50px rgba(21,48,40,.28);backdrop-filter:blur(14px)}.gc-mobile-buybar div{display:flex;flex-direction:column}.gc-mobile-buybar span{color:rgba(255,255,255,.62);font-size:.58rem}.gc-mobile-buybar strong{margin-top:.2rem;font:650 1rem "DM Sans",sans-serif}.gc-mobile-buybar button{min-height:46px;display:inline-flex;align-items:center;gap:.45rem;padding:0 .8rem;border:0;color:var(--gc-jade-dark);background:var(--gc-amber-soft);font-size:.7rem;font-weight:780}.gc-mobile-buybar button svg{width:16px}}
@media(prefers-reduced-motion:reduce){.gc-page *,.gc-page *::before,.gc-page *::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.gc-reveal{opacity:1;transform:none}}


/* Final visual review — softer clinical editorial, single dark confirmation moment. */
.gc-hero h1,
.gc-reasons header h2,
.gc-formula-copy h2,
.gc-values header h2,
.gc-grandma-copy h2,
.gc-truth-intro h2,
.gc-abo>div:first-child h2,
.gc-buy-panel h2{font-weight:490;line-height:1.12;letter-spacing:-.045em}
.gc-values{color:var(--gc-ink);background:radial-gradient(circle at 88% 12%,rgba(220,232,225,.82),transparent 30%),var(--gc-cream)}
.gc-values header>p{color:var(--gc-jade)}
.gc-values header>span{color:var(--gc-soft)}
.gc-value-list{background:var(--gc-line);border:1px solid var(--gc-line)}
.gc-value-list article{background:rgba(255,253,248,.72)}
.gc-value-list article:hover{background:var(--gc-sage)}
.gc-value-list article>div span,.gc-value-list article svg{color:var(--gc-amber)}
.gc-value-list small{color:rgba(33,52,47,.5)}
.gc-value-list p{color:var(--gc-soft)}
.gc-buy-panel>button{border-color:var(--gc-jade);color:#fff;background:var(--gc-jade)}
.gc-buy-panel>a{border-color:rgba(255,255,255,.42)}
.gc-mobile-buybar button{border:1px solid rgba(255,255,255,.18);color:#fff;background:var(--gc-jade);box-shadow:0 8px 20px rgba(0,0,0,.16)}
@media(max-width:620px){.gc-value-list article{border-color:var(--gc-line)}.gc-hero h1,.gc-reasons header h2,.gc-formula-copy h2,.gc-values header h2,.gc-grandma-copy h2,.gc-truth-intro h2,.gc-abo>div:first-child h2,.gc-buy-panel h2{font-weight:490;line-height:1.14;letter-spacing:-.04em}}


/* Story film poster keeps the narrative visible before the privacy-friendly player loads. */
.gc-video-poster{position:relative;z-index:2;width:100%;aspect-ratio:16/9;display:block;overflow:hidden;padding:0;border:0;background:var(--gc-ink);box-shadow:0 28px 60px rgba(33,52,47,.19);cursor:pointer}
.gc-video-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,48,40,.02) 35%,rgba(21,48,40,.58) 100%);transition:background 200ms}
.gc-video-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 360ms cubic-bezier(.23,1,.32,1),filter 200ms}
.gc-video-poster>span{position:absolute;z-index:2;left:50%;bottom:2rem;min-height:50px;display:inline-flex;align-items:center;gap:.65rem;padding:0 1rem;color:#fff;background:rgba(33,77,66,.92);font-size:.76rem;font-weight:730;transform:translateX(-50%);transition:transform 180ms,background 180ms;white-space:nowrap}
.gc-video-poster>span svg{width:19px}
.gc-video-poster:hover img{transform:scale(1.025)}
.gc-video-poster:hover::after{background:linear-gradient(180deg,rgba(21,48,40,0) 30%,rgba(21,48,40,.7) 100%)}
.gc-video-poster:hover>span{background:var(--gc-jade);transform:translateX(-50%) translateY(-3px)}
.gc-video-poster:focus-visible{outline:3px solid var(--gc-amber);outline-offset:4px}
@media(max-width:620px){.gc-video-poster>span{bottom:1rem;min-height:44px;font-size:.68rem}}

/* 2026-07 Knee-care content expansion: contextual anatomy, evidence-first video and user stories. */
.gc-knee-map{position:absolute;z-index:4;inset:0;pointer-events:none}
.gc-knee-tag{position:absolute;min-width:132px;display:grid;grid-template-columns:9px 1fr;column-gap:.55rem;padding:.72rem .8rem;color:#fff;background:rgba(21,48,40,.84);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 28px rgba(21,48,40,.16);backdrop-filter:blur(10px);font-size:.76rem;font-weight:760;line-height:1.2}
.gc-knee-tag>i{width:8px;height:8px;margin-top:.15rem;border-radius:50%;background:var(--gc-amber-soft);box-shadow:0 0 0 5px rgba(237,193,141,.15)}
.gc-knee-tag small{grid-column:2;margin-top:.28rem;color:rgba(255,255,255,.68);font-size:.58rem;font-weight:540;line-height:1.5}
.gc-knee-tag::after{content:"";position:absolute;width:clamp(30px,5vw,76px);height:1px;background:rgba(255,255,255,.58);transform-origin:left}
.tag-degeneration{top:12%;right:5%}.tag-degeneration::after{right:100%;bottom:2px;transform:rotate(158deg)}
.tag-strain{top:31%;right:3%}.tag-strain::after{right:100%;bottom:50%;transform:rotate(170deg)}
.tag-wear{top:49%;right:7%}.tag-wear::after{right:100%;top:50%;transform:rotate(186deg)}
.tag-weakness{right:4%;bottom:18%}.tag-weakness::after{right:100%;top:20%;transform:rotate(196deg)}

.gc-reasons>.gc-reasons-body{max-width:1320px;display:block;margin:0 auto;background:transparent;border:0}
.gc-reasons-feature{display:grid;grid-template-columns:1.08fr .82fr 1.1fr;gap:1px;margin-bottom:1rem;background:var(--gc-line);border:1px solid var(--gc-line)}
.gc-reasons-feature figure{position:relative;min-height:390px;margin:0;overflow:hidden;background:var(--gc-sage)}
.gc-reasons-feature figure img{width:100%;height:100%;display:block;object-fit:cover}
.gc-reasons-feature figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:1rem;color:#fff;background:rgba(21,48,40,.86);backdrop-filter:blur(10px)}
.gc-reasons-feature figcaption strong,.gc-reasons-feature figcaption span{display:block}.gc-reasons-feature figcaption strong{font-size:.88rem}.gc-reasons-feature figcaption span{margin-top:.35rem;color:rgba(255,255,255,.72);font-size:.68rem;line-height:1.55}
.gc-reasons .gc-reasons-feature>article{min-height:390px;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,3vw,2.5rem);background:var(--gc-jade-dark);color:#fff;transform:none}
.gc-reasons .gc-reasons-feature>article:hover{background:var(--gc-jade-dark);transform:none}
.gc-reasons .gc-reasons-feature>article>span{color:var(--gc-amber-soft);font:760 .56rem "DM Sans",sans-serif;letter-spacing:.15em}
.gc-reasons .gc-reasons-feature>article h3{margin:1.2rem 0 0;font-size:clamp(1.65rem,2.3vw,2.35rem);line-height:1.22}
.gc-reasons .gc-reasons-feature>article p{color:rgba(255,255,255,.72)}
.gc-video-disclaimer{display:flex;gap:.65rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.62)}
.gc-video-disclaimer svg{width:18px;height:18px;flex:0 0 auto;margin:0;color:var(--gc-amber-soft)}
.gc-video-disclaimer span{font-size:.66rem;line-height:1.6}
.gc-reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gc-line);border:1px solid var(--gc-line)}
.gc-reason-grid article{border:0}

.gc-privacy-video{position:relative;width:100%;align-self:center}
.gc-privacy-video>button,.gc-privacy-video>iframe{width:100%;aspect-ratio:16/9;display:block;border:0;background:var(--gc-ink)}
.gc-privacy-video>button{position:relative;overflow:hidden;padding:0;cursor:pointer}
.gc-privacy-video>button::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(21,48,40,.72))}
.gc-privacy-video>button img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 280ms cubic-bezier(.23,1,.32,1),filter 180ms}
.gc-privacy-video>button span{position:absolute;z-index:2;left:50%;bottom:1.2rem;min-height:46px;display:inline-flex;align-items:center;gap:.55rem;padding:0 .9rem;color:#fff;background:rgba(33,77,66,.94);font-size:.72rem;font-weight:760;white-space:nowrap;transform:translateX(-50%);transition:transform 160ms,background 160ms}
.gc-privacy-video>button span svg{width:18px}
.gc-privacy-video>button:hover img{transform:scale(1.025);filter:saturate(1.05)}
.gc-privacy-video>button:hover span{background:var(--gc-jade);transform:translateX(-50%) translateY(-3px)}
.gc-privacy-video>a{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;min-height:32px;padding:.35rem .1rem 0;color:var(--gc-soft);font-size:.62rem;font-weight:680;text-decoration:none}
.gc-privacy-video>a svg{width:13px}
.gc-reasons-feature>.gc-privacy-video{padding:1rem;background:var(--gc-paper)}
.gc-grandma .gc-privacy-video{position:relative;z-index:2}.gc-grandma .gc-privacy-video>button,.gc-grandma .gc-privacy-video>iframe{box-shadow:0 28px 60px rgba(33,52,47,.19)}

.gc-product-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 1.7rem;background:var(--gc-line);border:1px solid var(--gc-line)}
.gc-product-highlights>div{min-height:96px;display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:.7rem;padding:1rem;background:rgba(255,253,248,.72)}
.gc-product-highlights svg{grid-row:1/3;width:22px;color:var(--gc-amber)}
.gc-product-highlights span{color:var(--gc-soft);font-size:.6rem;font-weight:720}.gc-product-highlights strong{margin-top:.25rem;font-size:.82rem}

.gc-stories{padding:clamp(5rem,9vw,9rem) clamp(1.3rem,5vw,6rem);background:linear-gradient(180deg,var(--gc-sage),var(--gc-paper))}
.gc-stories>header{max-width:1280px;display:grid;grid-template-columns:.55fr 1.05fr .7fr;align-items:end;gap:3rem;margin:0 auto 3.5rem}
.gc-stories>header>p{align-self:start;margin:0;color:var(--gc-jade);font:800 .62rem/1.2 "DM Sans",sans-serif;letter-spacing:.18em}
.gc-stories>header h2{margin:0;font-size:clamp(3rem,5vw,5.35rem);font-weight:490;line-height:1.1;letter-spacing:-.045em}
.gc-stories>header>span{color:var(--gc-soft);font-size:.84rem;line-height:1.8}
.gc-story-grid{max-width:1280px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto}
.gc-story-grid>article{position:relative;overflow:hidden;background:var(--gc-cream);border:1px solid var(--gc-line);box-shadow:0 18px 42px rgba(33,52,47,.07);transition:transform 190ms cubic-bezier(.23,1,.32,1),box-shadow 190ms}
.gc-story-grid>article:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(33,52,47,.11)}
.gc-story-number{position:absolute;z-index:3;top:.8rem;left:.8rem;width:36px;height:36px;display:grid;place-items:center;color:#fff;background:rgba(33,77,66,.9);font:730 .58rem "DM Sans",sans-serif;backdrop-filter:blur(8px)}
.gc-story-grid .gc-privacy-video>a{padding-right:1rem}
.gc-story-copy{padding:1.5rem}
.gc-story-copy>p:first-child{margin:0;color:var(--gc-jade);font:760 .58rem "DM Sans",sans-serif;letter-spacing:.12em}
.gc-story-copy h3{margin:.8rem 0 0;font-size:clamp(1.25rem,1.8vw,1.65rem);font-weight:620;line-height:1.42;letter-spacing:-.035em}.gc-story-copy h3 span{color:var(--gc-amber);font-weight:420}
.gc-story-copy>p:nth-of-type(2){margin:1rem 0 0;color:var(--gc-soft);font-size:.82rem;line-height:1.8}
.gc-story-safety{display:flex;gap:.65rem;margin-top:1rem;padding:1rem;background:#fff1e5;border-left:3px solid var(--gc-amber)}
.gc-story-safety svg{width:18px;flex:0 0 auto;color:#a85e25}.gc-story-safety span{color:#765139;font-size:.68rem;line-height:1.65}
.gc-stories-note{max-width:1280px;display:flex;gap:.9rem;margin:1.2rem auto 0;padding:1.2rem 1.4rem;border:1px solid var(--gc-line);background:rgba(255,253,248,.76)}
.gc-stories-note svg{width:23px;flex:0 0 auto;color:var(--gc-jade)}.gc-stories-note p{margin:0;color:var(--gc-soft);font-size:.74rem;line-height:1.7}.gc-stories-note strong{color:var(--gc-ink)}

@media(max-width:1120px){.gc-reasons-feature{grid-template-columns:1fr 1fr}.gc-reasons-feature>.gc-privacy-video{grid-column:1/-1}.gc-reasons-feature>.gc-privacy-video>button,.gc-reasons-feature>.gc-privacy-video>iframe{max-height:520px}.gc-stories>header{grid-template-columns:.55fr 1.1fr}.gc-stories>header>span{grid-column:2}.gc-story-grid{grid-template-columns:1fr 1fr}.gc-story-grid>article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.gc-story-grid>article:last-child .gc-story-number{left:.8rem}.gc-story-grid>article:last-child .gc-privacy-video{align-self:stretch}.gc-story-grid>article:last-child .gc-privacy-video>button,.gc-story-grid>article:last-child .gc-privacy-video>iframe{height:100%;min-height:330px;aspect-ratio:auto}}
@media(max-width:920px){.gc-knee-tag{min-width:118px;padding:.6rem .65rem}.tag-degeneration{top:8%;right:3%}.tag-strain{top:27%;right:2%}.tag-wear{top:46%;right:3%}.tag-weakness{right:2%;bottom:15%}.gc-reasons-feature{grid-template-columns:1fr}.gc-reasons-feature figure,.gc-reasons .gc-reasons-feature>article{min-height:360px}.gc-reasons-feature>.gc-privacy-video{grid-column:auto}.gc-reason-grid{grid-template-columns:1fr}.gc-reason-grid article{min-height:auto}.gc-stories>header{grid-template-columns:1fr;gap:1.2rem}.gc-stories>header>span{grid-column:auto}.gc-story-grid{grid-template-columns:1fr}.gc-story-grid>article:last-child{grid-column:auto;display:block}.gc-story-grid>article:last-child .gc-privacy-video>button,.gc-story-grid>article:last-child .gc-privacy-video>iframe{height:auto;min-height:0;aspect-ratio:16/9}}
@media(max-width:620px){.gc-knee-map{inset:auto .75rem 4.6rem .75rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.gc-knee-tag{position:relative;inset:auto;min-width:0;padding:.55rem;background:rgba(21,48,40,.88)}.gc-knee-tag::after{display:none}.gc-knee-tag small{font-size:.52rem}.gc-hero-visual-caption{bottom:1rem}.gc-reasons-feature figure,.gc-reasons .gc-reasons-feature>article{min-height:310px}.gc-product-highlights{grid-template-columns:1fr}.gc-product-highlights>div{min-height:78px}.gc-stories{padding-right:1.1rem;padding-left:1.1rem}.gc-stories>header h2{font-size:clamp(2.7rem,12vw,4rem)}.gc-story-copy{padding:1.2rem}.gc-privacy-video>button span{bottom:.85rem;min-height:42px;font-size:.66rem}.gc-stories-note{padding:1rem}.gc-reasons-feature>.gc-privacy-video{padding:.65rem}}

.gc-hero-product-anchor{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;border:1px solid var(--gc-line);background:linear-gradient(90deg,rgba(220,232,225,.72),rgba(255,253,248,.76))}
.gc-hero-product-anchor img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(33,52,47,.14))}
.gc-hero-product-anchor div{display:flex;flex-direction:column}.gc-hero-product-anchor span{color:var(--gc-amber);font:760 .52rem "DM Sans",sans-serif;letter-spacing:.14em}.gc-hero-product-anchor strong{margin-top:.35rem;font-size:.86rem}.gc-hero-product-anchor small{margin-top:.24rem;color:var(--gc-soft);font-size:.6rem}
.gc-evidence-legend{display:flex;flex-wrap:wrap;gap:.45rem;margin:-.65rem 0 1.2rem}
.gc-evidence-legend span{display:inline-flex;align-items:center;gap:.4rem;min-height:30px;padding:0 .65rem;border:1px solid var(--gc-line);background:rgba(255,253,248,.72);color:var(--gc-soft);font-size:.58rem;font-weight:720}
.gc-evidence-legend i{width:7px;height:7px;border-radius:50%;background:var(--gc-jade)}.gc-evidence-legend .knowledge i{background:#8a9b96}.gc-evidence-legend .brand i{background:var(--gc-amber)}
@media(max-width:620px){.gc-hero-product-anchor{grid-template-columns:62px 1fr;padding:.6rem .75rem}.gc-hero-product-anchor img{width:54px;height:54px}.gc-evidence-legend{gap:.35rem}.gc-evidence-legend span{font-size:.53rem;padding:0 .5rem}}

.gc-hero-pack-float{position:absolute;z-index:4;top:1rem;right:1rem;display:flex;align-items:center;gap:.45rem;padding:.38rem .55rem .38rem .35rem;border:1px solid rgba(255,255,255,.65);background:rgba(250,248,241,.88);box-shadow:0 10px 30px rgba(27,58,48,.12);backdrop-filter:blur(8px)}
.gc-hero-pack-float>img{width:36px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(45,54,46,.14))}.gc-hero-pack-float span{display:flex;flex-direction:column}.gc-hero-pack-float strong{color:var(--gc-ink);font-size:.62rem;line-height:1.15}.gc-hero-pack-float small{margin-top:.18rem;color:var(--gc-amber);font:700 .38rem "DM Sans",sans-serif;letter-spacing:.08em}
@media(max-width:620px){.gc-hero-pack-float{top:.65rem;right:.65rem;padding:.3rem .45rem .3rem .3rem}.gc-hero-pack-float>img{width:28px;height:38px}.gc-hero-pack-float strong{font-size:.56rem}.gc-hero-pack-float small{font-size:.32rem}}


/* CouponOffer */
/*
 * German Clinical Editorial coupon — warm porcelain ticket, Quiet Jade actions and one controlled amber value.
 * The perforated geometry communicates a real benefit without campaign-poster noise.
 */
.coupon-offer {
  --coupon-ink: #21342f;
  --coupon-soft: #526861;
  --coupon-paper: #fffdf8;
  --coupon-porcelain: #f4f0e8;
  --coupon-jade: #2f695b;
  --coupon-amber: #d96f32;
  --coupon-line: rgba(33,52,47,.15);
  display: grid;
  grid-template-columns: minmax(250px,.7fr) minmax(430px,1.3fr);
  gap: clamp(2rem,6vw,7rem);
  padding: clamp(5rem,9vw,9rem) clamp(1.2rem,5.5vw,6.5rem);
  color: var(--coupon-ink);
  background: var(--coupon-porcelain);
  border-top: 1px solid var(--coupon-line);
  border-bottom: 1px solid var(--coupon-line);
}
.coupon-offer-intro > p:first-child { display:flex; align-items:center; gap:.75rem; margin:0 0 2rem; color:var(--coupon-jade); font:800 .65rem/1.2 "DM Sans",sans-serif; letter-spacing:.18em; }
.coupon-offer-intro > p:first-child span { display:inline-flex; align-items:flex-end; gap:4px; }
.coupon-offer-intro > p:first-child i { display:block; width:10px; height:10px; border-radius:50%; background:#4f8e7d; }
.coupon-offer-intro > p:first-child i:last-child { width:6px; height:6px; }
.coupon-offer-intro h2 { margin:0; font-size:clamp(2.8rem,4.4vw,4.4rem); font-weight:540; line-height:1.1; letter-spacing:-.055em; }
.coupon-offer-intro > p:last-child { max-width:520px; margin:2rem 0 0; color:var(--coupon-soft); font-size:.94rem; line-height:1.9; }

.coupon-ticket { grid-column:2; display:grid; grid-template-columns:1fr 145px; min-height:310px; filter:drop-shadow(0 28px 30px rgba(46,65,58,.12)); }
.coupon-ticket-main,.coupon-ticket-stub { position:relative; overflow:hidden; background:var(--coupon-paper); }
.coupon-ticket-main { padding:clamp(2rem,4vw,3.5rem); border-right:1px dashed rgba(33,52,47,.3); }
.coupon-ticket-main::before,.coupon-ticket-main::after { content:""; position:absolute; right:-13px; width:26px; height:26px; border-radius:50%; background:var(--coupon-porcelain); }
.coupon-ticket-main::before { top:-13px; }
.coupon-ticket-main::after { bottom:-13px; }
.coupon-ticket-topline { display:flex; justify-content:space-between; align-items:center; padding-bottom:1rem; border-bottom:1px solid var(--coupon-line); color:var(--coupon-jade); }
.coupon-ticket-topline span { font:800 .61rem/1 "DM Sans",sans-serif; letter-spacing:.18em; }
.coupon-ticket-topline svg { width:22px; height:22px; stroke-width:1.5; }
.coupon-ticket-value { display:flex; align-items:flex-start; gap:.45rem; margin-top:1.5rem; color:var(--coupon-amber); }
.coupon-ticket-value small { margin-top:.75rem; font:800 .68rem/1 "DM Sans",sans-serif; letter-spacing:.12em; }
.coupon-ticket-value strong { font:650 clamp(5rem,8vw,8rem)/.8 "DM Sans",sans-serif; letter-spacing:-.08em; }
.coupon-ticket-main > p { margin:1.1rem 0; font-size:1.1rem; font-weight:650; }
.coupon-ticket-tags { display:flex; flex-wrap:wrap; gap:.45rem; }
.coupon-ticket-tags span { padding:.45rem .6rem; border:1px solid var(--coupon-line); color:var(--coupon-soft); font-size:.64rem; font-weight:700; }
.coupon-ticket-stub { display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:2.2rem 1rem; text-align:center; background:var(--coupon-jade); color:var(--coupon-paper); }
.coupon-ticket-stub::before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.2); }
.coupon-ticket-stub span { writing-mode:vertical-rl; font:800 .55rem/1 "DM Sans",sans-serif; letter-spacing:.16em; }
.coupon-ticket-stub strong { font:650 3.2rem/1 "DM Sans",sans-serif; }
.coupon-ticket-stub small { font:700 .5rem/1.5 "DM Sans",sans-serif; letter-spacing:.12em; }

.coupon-steps { grid-column:2; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--coupon-line); }
.coupon-steps article { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.6rem 1rem 1.2rem 0; }
.coupon-steps article+article { padding-left:1rem; border-left:1px solid var(--coupon-line); }
.coupon-steps article>span { color:var(--coupon-amber); font:800 .6rem/1 "DM Sans",sans-serif; }
.coupon-steps h3 { margin:0 0 .45rem; font-size:.9rem; font-weight:650; }
.coupon-steps p { margin:0; color:var(--coupon-soft); font-size:.75rem; line-height:1.65; }
.coupon-note { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; align-items:center; gap:2rem; margin-top:1rem; padding:1.4rem 1.6rem; border:1px solid var(--coupon-line); background:rgba(255,253,248,.68); }
.coupon-note>div:first-child { display:flex; align-items:flex-start; gap:.8rem; }
.coupon-note svg { width:17px; height:17px; flex:0 0 auto; margin-top:.15rem; color:var(--coupon-jade); }
.coupon-note p { margin:0; color:var(--coupon-soft); font-size:.75rem; line-height:1.7; }
.coupon-note p strong { color:var(--coupon-ink); }
.coupon-note-actions { display:flex; gap:.55rem; }
.coupon-note-actions a { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:0 .85rem; border:1px solid var(--coupon-line); color:var(--coupon-ink); font-size:.7rem; font-weight:750; text-decoration:none; transition:transform 160ms cubic-bezier(.23,1,.32,1),background 180ms,color 180ms; }
.coupon-note-actions a:last-child { color:#fff; background:var(--coupon-jade); }
.coupon-note-actions a:hover { transform:translateY(-2px); }
.coupon-note-actions svg { margin:0; width:15px; height:15px; color:currentColor; }

.coupon-offer--compact { grid-template-columns:1fr; gap:2rem; padding:3rem; }
.coupon-offer--compact .coupon-ticket,.coupon-offer--compact .coupon-steps { grid-column:1; }
.coupon-offer--compact .coupon-note { grid-column:1; }

@media (max-width:900px) {
  .coupon-offer { grid-template-columns:1fr; gap:3rem; }
  .coupon-ticket,.coupon-steps { grid-column:1; }
  .coupon-note { grid-template-columns:1fr; }
  .coupon-note-actions { flex-wrap:wrap; }
}
@media (max-width:600px) {
  .coupon-offer { padding:5rem 1.15rem; }
  .coupon-offer-intro h2 { font-size:clamp(2.4rem,10vw,3.2rem); }
  .coupon-ticket { grid-template-columns:1fr 86px; min-height:270px; }
  .coupon-ticket-main { padding:1.5rem; }
  .coupon-ticket-value strong { font-size:5.2rem; }
  .coupon-ticket-stub { padding:1.4rem .6rem; }
  .coupon-ticket-stub strong { font-size:2rem; }
  .coupon-steps { grid-template-columns:1fr; }
  .coupon-steps article { padding:1.2rem 0; }
  .coupon-steps article+article { padding-left:0; border-left:0; border-top:1px solid var(--coupon-line); }
  .coupon-note { padding:1.2rem; }
  .coupon-note-actions { display:grid; grid-template-columns:1fr; }
  .coupon-offer--compact { padding:2rem 1.15rem; }
}

/* Coupon motion — a physical welcome pass with restrained, service-led interaction. */
.coupon-offer { scroll-margin-top: 24px; }
.coupon-ticket,
.coupon-ticket-main,
.coupon-ticket-stub,
.coupon-ticket-value strong,
.coupon-ticket-topline svg,
.coupon-steps article,
.coupon-ticket-tags span,
.coupon-note {
  transition:
    transform 260ms cubic-bezier(.23,1,.32,1),
    filter 260ms cubic-bezier(.23,1,.32,1),
    box-shadow 260ms cubic-bezier(.23,1,.32,1),
    background-color 220ms cubic-bezier(.23,1,.32,1),
    border-color 220ms cubic-bezier(.23,1,.32,1),
    color 220ms cubic-bezier(.23,1,.32,1);
}

@media (prefers-reduced-motion: no-preference) {
  html.gc-js .coupon-motion-section:not(.is-visible) .coupon-offer-intro,
  html.gc-js .coupon-motion-section:not(.is-visible) .coupon-ticket,
  html.gc-js .coupon-motion-section:not(.is-visible) .coupon-steps,
  html.gc-js .coupon-motion-section:not(.is-visible) .coupon-note {
    opacity: 0;
    transform: translate3d(0,28px,0);
    will-change: transform, opacity;
  }
  .coupon-motion-section .coupon-offer-intro,
  .coupon-motion-section .coupon-ticket,
  .coupon-motion-section .coupon-steps,
  .coupon-motion-section .coupon-note {
    transition:
      opacity 680ms cubic-bezier(.23,1,.32,1),
      transform 680ms cubic-bezier(.23,1,.32,1);
  }

  .coupon-motion-section .coupon-ticket { transition-delay: 80ms; }
  .coupon-motion-section .coupon-steps { transition-delay: 150ms; }
  .coupon-motion-section .coupon-note { transition-delay: 220ms; }
  .coupon-motion-section.is-visible .coupon-offer-intro,
  .coupon-motion-section.is-visible .coupon-ticket,
  .coupon-motion-section.is-visible .coupon-steps,
  .coupon-motion-section.is-visible .coupon-note { opacity: 1; transform: translate3d(0,0,0); }
}

@media (hover: hover) and (pointer: fine) {
  .coupon-motion-section.is-visible .coupon-ticket:hover { transform: translate3d(0,-8px,0) rotate(-.18deg); filter: drop-shadow(0 38px 36px rgba(46,65,58,.18)); }
  .coupon-ticket:hover .coupon-ticket-main { background: #fffefb; }
  .coupon-ticket:hover .coupon-ticket-stub { background: #285c50; }
  .coupon-ticket:hover .coupon-ticket-value strong { transform: translateX(4px); }
  .coupon-ticket:hover .coupon-ticket-topline svg { transform: rotate(-7deg) scale(1.08); }
  .coupon-ticket-tags span:hover { transform: translateY(-2px); border-color: rgba(47,105,91,.38); color: var(--coupon-jade); }
  .coupon-steps article:hover { transform: translateY(-4px); background: rgba(255,253,248,.42); }
  .coupon-note:hover { box-shadow: 0 18px 36px rgba(46,65,58,.08); border-color: rgba(47,105,91,.28); }
  .coupon-note-actions a:hover { box-shadow: 0 10px 24px rgba(46,65,58,.11); }
}

@media (prefers-reduced-motion: reduce) {
  .coupon-motion-section .coupon-offer-intro,
  .coupon-motion-section .coupon-ticket,
  .coupon-motion-section .coupon-steps,
  .coupon-motion-section .coupon-note { opacity: 1; transform: none; }
  .coupon-ticket,
  .coupon-ticket-main,
  .coupon-ticket-stub,
  .coupon-ticket-value strong,
  .coupon-ticket-topline svg,
  .coupon-steps article,
  .coupon-ticket-tags span,
  .coupon-note { transform: none !important; }
}


/* Static extract extras: shop CTAs replace SPA cart buttons */
.gc-page a.gc-shop-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  text-decoration: none;
}
.gc-buy-panel > a.gc-shop-cta {
  width: 100%;
  min-height: 3.2rem;
  padding: 0.85rem 1.2rem;
  border: 0;
  border-radius: 0;
  background: var(--gc-jade-dark);
  color: #fffdf8;
  font-weight: 700;
  font-size: 0.95rem;
  box-shadow: 0 14px 30px rgba(33, 77, 66, 0.18);
  border-color: var(--gc-jade);
    color: #fff;
    background: var(--gc-jade);
}
.gc-buy-panel > a.gc-shop-cta:hover { background: var(--gc-jade); }
.gc-mobile-buybar a.gc-shop-cta {
  min-height: 2.7rem;
  padding: 0.65rem 1rem;
  border-radius: 0;
  background: var(--gc-jade-dark);
  color: #fffdf8;
  font-weight: 700;
  font-size: 0.86rem;
  white-space: nowrap;
}
.gc-privacy-video { position: relative; }
.gc-privacy-video.is-playing { aspect-ratio: 16 / 9; }
.gc-privacy-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
}

/* FAQ / 報東張 accordion：iframe 與內容圖撐滿摺疊內容區 */
.gc-truth-list details > *:not(summary),
.gc-formula-faq details > *:not(summary) {
  margin-left: 40px;
  margin-right: 0;
  max-width: calc(100% - 40px);
}
.gc-formula-faq details > *:not(summary) {
  margin-left: 35px;
  max-width: calc(100% - 35px);
}
.gc-truth-list details > p,
.gc-formula-faq details > p,
.gc-truth-list details > h3,
.gc-formula-faq details > h3 {
  margin-top: 0;
  margin-bottom: 0.85rem;
  color: var(--gc-soft);
  font-size: 0.88rem;
  line-height: 1.88;
}
.gc-truth-list details iframe,
.gc-formula-faq details iframe,
.gc-truth-list details p iframe,
.gc-formula-faq details p iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  background: var(--gc-ink);
}
.gc-truth-list details p:has(> iframe),
.gc-formula-faq details p:has(> iframe) {
  margin-left: 40px;
  margin-right: 0;
  max-width: calc(100% - 40px);
  padding: 0;
}
.gc-formula-faq details p:has(> iframe) {
  margin-left: 35px;
  max-width: calc(100% - 35px);
}
.gc-truth-list details img:not(.emoji),
.gc-formula-faq details img:not(.emoji) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media (max-width: 620px) {
  .gc-truth-list details > *:not(summary),
  .gc-formula-faq details > *:not(summary),
  .gc-truth-list details p:has(> iframe),
  .gc-formula-faq details p:has(> iframe) {
    margin-left: 0;
    max-width: 100%;
  }
}