.elementor-8601 .elementor-element.elementor-element-8ddbd57{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-a1f851e > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8601 .elementor-element.elementor-element-11ee1fe{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-e9b9ab3{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-01893bf{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-fe007d6{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-87b6fa6{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-96dac25{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-59e4b0e{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-dea2e96{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-ed710b1{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8601 .elementor-element.elementor-element-3446a12{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-36e7af9 *//* Paste into the Custom CSS of the full-width Container that holds 11-footer.html. */
#hhuhu-footer {
  --ink: #0A0A0A;
  --muted: #666666;
  --max: 1240px;
  width: 100%;
  padding: 68px 0 30px;
  background: #090909;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}

#hhuhu-footer,
#hhuhu-footer * { box-sizing: border-box; }
#hhuhu-footer a { color: inherit; text-decoration: none; }
#hhuhu-footer .container { width: min(var(--max), calc(100% - 40px)); margin: auto; }
#hhuhu-footer .footer-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr .75fr;
  gap: 60px;
  padding-bottom: 50px;
}
#hhuhu-footer .logo { display: flex; align-items: center; gap: 11px; font-weight: 900; letter-spacing: -.03em; }
#hhuhu-footer .logo-mark {
  width: 39px;
  height: 39px;
  border-radius: 13px;
  background: var(--ink);
  color: #fff;
  display: grid;
  place-items: center;
}
#hhuhu-footer .logo small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .08em;
}
#hhuhu-footer .footer-col h4 { margin: 0 0 12px; }
#hhuhu-footer .footer-col a,
#hhuhu-footer .footer-desc { color: #B8B8B8; font-size: 13px; }
#hhuhu-footer .footer-col a { display: block; margin: 7px 0; }
#hhuhu-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding-top: 20px;
  color: #8A8A8A;
  font-size: 11px;
}
#hhuhu-footer a:focus-visible { outline: 3px solid #087B9B; outline-offset: 5px; }

@media (max-width: 1050px) {
  #hhuhu-footer .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  #hhuhu-footer { padding-bottom: 92px; }
  #hhuhu-footer .container { width: calc(100% - 28px); }
  #hhuhu-footer .footer-grid { grid-template-columns: 1fr; gap: 30px; }
}/* End custom CSS */
/* Start custom CSS *//* 產品介紹/氫膠囊 | 500 PLUS standard | shared CSS v0.1.0 unchanged.
 * HTML edits: add hhuhu-site only. Horizontal host gutters: 10px.
 */
.hhuhu-site.hhcaps-content img { width:100% }
.hhuhu-site.hhcaps-content h2 { text-wrap:balance }
.hhuhu-site.hhcaps-content .eyebrow:before { flex-shrink:0 }
.hhuhu-site.hhcaps-content .text-link span { color:#16859e }
.hhuhu-site.hhcaps-content .metric-grid { border-bottom:1px solid var(--line);padding:42px 0 }
.hhuhu-site.hhcaps-content .metric { text-align:center }
.hhuhu-site.hhcaps-content .metric small { font-size:15px;margin-left:5px }
.hhuhu-site.hhcaps-content .purchase-grid { display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start }
.hhuhu-site.hhcaps-content .purchase-title { font-size:35px;margin-bottom:18px }
.hhuhu-site.hhcaps-content .price { font-size:64px;line-height:1.1;letter-spacing:-.055em;margin-bottom:22px }
.hhuhu-site.hhcaps-content .price small { font-size:20px;letter-spacing:0;margin-right:10px }
.hhuhu-site.hhcaps-content .shipping { border-left:1px solid var(--line);padding-left:60px }
.hhuhu-site.hhcaps-content .shipping-row { display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line) }
.hhuhu-site.hhcaps-content .shipping-row strong { font-weight:500 }
.hhuhu-site.hhcaps-content .shipping-row p { margin:0;color:var(--muted) }
.hhuhu-site.hhcaps-content .everyday-grid { display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center }
.hhuhu-site.hhcaps-content .number { font-size:12px;color:var(--blue);padding-top:3px }
.hhuhu-site.hhcaps-content .section-heading { max-width:780px;margin-bottom:55px }
.hhuhu-site.hhcaps-content .formula-grid { display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;border-top:1px solid #363636;border-bottom:1px solid #363636 }
.hhuhu-site.hhcaps-content .ingredient { padding:40px 32px 36px;border-right:1px solid #363636 }
.hhuhu-site.hhcaps-content .ingredient:first-child { padding-left:0 }
.hhuhu-site.hhcaps-content .ingredient:last-child { border:0;padding-right:0 }
.hhuhu-site.hhcaps-content .ingredient p { font-size:15px;color:#bdbdbd;margin:0 }
.hhuhu-site.hhcaps-content .formula-symbol { display:flex;align-items:center;gap:14px;min-height:100px;margin-bottom:24px;color:var(--blue);font-size:64px;font-weight:300;letter-spacing:-.065em;line-height:1 }
.hhuhu-site.hhcaps-content .formula-symbol sub { font-size:29px;align-self:end;padding-bottom:14px }
.hhuhu-site.hhcaps-content .formula-symbol.vitamins { font-size:45px;letter-spacing:-.06em }
.hhuhu-site.hhcaps-content .formula-symbol.minerals { font-size:34px;gap:12px;flex-wrap:wrap;letter-spacing:-.025em }
.hhuhu-site.hhcaps-content .formula-symbol.minerals span { border:1px solid #444;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center }
.hhuhu-site.hhcaps-content .dark .text-link { margin-top:30px }
.hhuhu-site.hhcaps-content .document-art { background:#f7f7f7;padding:34px }
.hhuhu-site.hhcaps-content .document-art a { display:block }
.hhuhu-site.hhcaps-content .document-art img { aspect-ratio:800/405;object-fit:contain }
.hhuhu-site.hhcaps-content .document-art a:hover img { opacity:.85 }
.hhuhu-site.hhcaps-content .step-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:45px }
.hhuhu-site.hhcaps-content .step { border-top:1px solid #ccc;padding-top:25px }
.hhuhu-site.hhcaps-content .step-number { display:block;color:var(--blue);font-size:42px;font-weight:300;letter-spacing:-.04em;margin-bottom:25px }
.hhuhu-site.hhcaps-content .step p { font-size:15px;color:var(--muted);margin:0 }
.hhuhu-site.hhcaps-content .spec-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start }
.hhuhu-site.hhcaps-content table { width:100%;border-collapse:collapse;font-size:15px;background:transparent;table-layout:fixed;border:0;margin:0;color:inherit }
.hhuhu-site.hhcaps-content th { border:0;border-bottom:1px solid var(--line);padding:18px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere }
.hhuhu-site.hhcaps-content td { border:0;border-bottom:1px solid var(--line);padding:18px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere }
.hhuhu-site.hhcaps-content thead { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%) }
.hhuhu-site.hhcaps-content tbody th { width:34%;font-weight:400;color:var(--muted);padding-left:0 }
.hhuhu-site.hhcaps-content tbody tr:first-child th { border-top:1px solid var(--line) }
.hhuhu-site.hhcaps-content tbody tr:first-child td { border-top:1px solid var(--line) }
.hhuhu-site.hhcaps-content .faq-intro .text-link { margin-top:16px }
.hhuhu-site.hhcaps-content details { border-top:1px solid #ddd }
.hhuhu-site.hhcaps-content details:last-child { border-bottom:1px solid #ddd }
.hhuhu-site.hhcaps-content summary { line-height:1.5;font-weight:400 }
.hhuhu-site.hhcaps-content summary span { flex-shrink:0 }
.hhuhu-site.hhcaps-content .answer { color:var(--muted);font-size:15px }
.hhuhu-site.hhcaps-content .next-summary { border-left:1px solid #383838;padding-left:45px }
.hhuhu-site.hhcaps-content .next-summary strong { display:block;font-size:64px;font-weight:300;line-height:1.2;letter-spacing:-.055em;margin-bottom:12px }
.hhuhu-site.hhcaps-content .next-summary strong small { font-size:20px;letter-spacing:0;margin-right:9px }
.hhuhu-site.hhcaps-content .next-summary p { color:#bdbdbd;font-size:14px;margin:0 }
.hhuhu-site.hhcaps-content .next-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:30px }
.hhuhu-site.hhcaps-content .next-tags span { border:1px solid #444;border-radius:999px;padding:6px 12px;color:#ccc;font-size:11px }
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .everyday-grid { gap:45px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .purchase-grid { gap:45px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .spec-grid { gap:45px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .shipping { padding-left:35px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .step-grid { gap:28px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .ingredient { padding:32px 24px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .formula-symbol.vitamins { font-size:35px }
}
@media(max-width:1000px) {
.hhuhu-site.hhcaps-content .formula-symbol.minerals span { width:56px;height:56px;font-size:27px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .everyday-grid { grid-template-columns:1fr;gap:40px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .purchase-grid { grid-template-columns:1fr;gap:40px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .spec-grid { grid-template-columns:1fr;gap:40px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .metric-grid { padding:25px 0;gap:24px 0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .purchase-title { font-size:28px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .price { font-size:56px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .shipping { border:0;padding:0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .shipping-row { grid-template-columns:80px 1fr;gap:18px;font-size:14px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .section-heading { margin-bottom:35px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .formula-grid { grid-template-columns:1fr }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .ingredient { border-right:0;border-bottom:1px solid #363636;padding:28px 0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .ingredient:first-child { border-right:0;border-bottom:1px solid #363636;padding:28px 0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .ingredient:last-child { border-right:0;border-bottom:1px solid #363636;padding:28px 0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .ingredient:last-child { border-bottom:0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .formula-symbol { min-height:65px;font-size:52px;margin-bottom:18px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .formula-symbol sub { padding-bottom:7px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .document-art { padding:20px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .step-grid { grid-template-columns:1fr;gap:30px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .step { display:grid;grid-template-columns:45px 1fr;gap:20px }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .step-number { font-size:32px;margin:0;grid-row:span 2 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .step p { grid-column:2 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .next-summary { border-left:0;border-top:1px solid #383838;padding:30px 0 0 }
}
@media(max-width:760px) {
.hhuhu-site.hhcaps-content .next-summary strong { font-size:52px }
}
@media(prefers-reduced-motion:reduce) {
.hhuhu-site.hhcaps-content * { scroll-behavior:auto!important }
}
.hhuhu-site.hhcaps-content .hero.section { overflow:hidden;background:radial-gradient(ellipse at 85% 48%,#e6faff 0%,#f7fcfd 38%,white 70%) }
.hhuhu-site.hhcaps-content .hero .hero-grid>div { min-width:0 }
.hhuhu-site.hhcaps-content .hero .hero-art { position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:transparent;padding:0;margin:0;box-shadow:none }
.hhuhu-site.hhcaps-content .hero .hero-art img { width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 26px 30px #23617715);mix-blend-mode:multiply }
.hhuhu-site.hhcaps-content .hero .hero-points { display:flex;gap:9px 17px;flex-wrap:wrap;margin-top:27px;font-size:12px;color:#555 }
.hhuhu-site.hhcaps-content .hero .hero-points span:before { content:"✓";color:var(--blue);margin-right:5px }
@media(max-width:1050px) {
.hhuhu-site.hhcaps-content .hero .hero-points { gap:9px 12px }
}
@media(max-width:820px) {
.hhuhu-site.hhcaps-content .hero .hero-art { max-width:480px;width:100%;margin:auto }
}
@media(max-width:820px) {
.hhuhu-site.hhcaps-content .hero .hero-art img { max-height:470px;object-fit:contain }
}
@media(max-width:680px) {
.hhuhu-site.hhcaps-content .hero h1 { overflow-wrap:anywhere }
}
@media(max-width:560px) {
.hhuhu-site.hhcaps-content .hero .hero-art { max-width:350px }
}
@media(max-width:560px) {
.hhuhu-site.hhcaps-content .hero .hero-points { font-size:11px }
}
.hhuhu-site.hhcaps-content #faq .faq-list { border-top:1px solid var(--line) }
.hhuhu-site.hhcaps-content #faq details { border-top:0;border-bottom:1px solid var(--line) }
.hhuhu-site.hhcaps-content #faq summary { display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;padding:23px 0;list-style:none;font-size:17px;line-height:inherit;font-weight:400 }
.hhuhu-site.hhcaps-content #faq summary::-webkit-details-marker { display:none }
.hhuhu-site.hhcaps-content #faq summary span { font-size:23px;line-height:1;flex:none;color:#397f90;font-weight:400;transition:transform .2s }
.hhuhu-site.hhcaps-content #faq details[open] summary span { transform:rotate(45deg) }
.hhuhu-site.hhcaps-content #faq .answer { padding:0 36px 24px 0;color:inherit;font-size:inherit }
.hhuhu-site.hhcaps-content #faq .answer p { color:#666;font-size:15px;margin:0 }
@media(max-width:560px) {
.hhuhu-site.hhcaps-content #faq summary { font-size:16px;padding:22px 0 }
}
.hhuhu-site.hhcaps-content #usage .step-number { font-size:12px;font-weight:400;letter-spacing:normal;line-height:inherit;color:var(--blue);padding-top:3px }
/* Existing class-name adapters to the frozen common design. */
.hhuhu-site.hhcaps-content :is(.hero-copy,.hero-grid > div:first-child) { position:relative;
  z-index:1; }
.hhuhu-site.hhcaps-content .hero :is(.hero-copy,.hero-grid > div:first-child) > .eyebrow { display:inline-flex;
  gap:0;
  padding:8px 13px;
  font-size:12px;
  border:1px solid var(--blue);
  border-radius:999px; }
.hhuhu-site.hhcaps-content .hero :is(.hero-copy,.hero-grid > div:first-child) > .eyebrow:before { content:none; }
.hhuhu-site.hhcaps-content :is(.hero-tagline,.tagline) { font-size:clamp(27px,3.2vw,43px);
  line-height:1.35;
  letter-spacing:-.04em;
  font-weight:400;
  margin-bottom:25px; }
@media(max-width:820px) {
.hhuhu-site.hhcaps-content :is(.hero-copy,.hero-grid > div:first-child) { max-width:650px; }
}
@media(max-width:560px) {
.hhuhu-site.hhcaps-content :is(.hero-tagline,.tagline) { font-size:28px; }
}
.hhuhu-site.hhcaps-content #purchase { padding:64px 0 }
@media(max-width:560px) {
.hhuhu-site.hhcaps-content #purchase { padding:48px 0 }
}
.hhuhu-site.hhcaps-content #comparison.section { padding-top:100px }
@media(max-width:650px) {
.hhuhu-site.hhcaps-content #comparison.section { padding-top:65px }
}
.hhuhu-site.hhcaps-content .hero { padding:0 }
/* Keep existing HTML arrow spans without adding a second generated arrow. */
.hhuhu-site.hhcaps-content .text-link:has(> span[aria-hidden="true"])::after { content:none; }
/* Brand-blue section eyebrows; keep all existing Hero eyebrow styles. */
.hhuhu-site.hhcaps-content :is(.eyebrow,.hr-eyebrow,.tutorial-eyebrow,.tutorial-section-label):not(:where(.hero,.hr-hero,.tutorial-hero) *) { color:#4DD9FF !important; }
/* Exactly 10px on each side, including hosts already padded by Elementor. */
.elementor .e-con:has(> .elementor-widget-html > .elementor-widget-container > .hhuhu-site.hhcaps-content),
body:has(.hhuhu-site.hhcaps-content) .elementor .e-con:has(> .elementor-widget-html > .elementor-widget-container > #hhuhu-footer) {
 --padding-left:10px!important;--padding-right:10px!important;
 --padding-inline-start:10px!important;--padding-inline-end:10px!important;
 padding-left:10px!important;padding-right:10px!important;padding-inline:10px!important;
}/* End custom CSS */