/* Gummies typography hierarchy; the Poppins font faces are shared site-wide. */
.gummies-page[data-font-preview="reference"]{
 --preview-script-font:Arial;
 --head:'Poppins',var(--preview-script-font),sans-serif;
 --body:'Poppins',var(--preview-script-font),sans-serif;
 font-size:17px;line-height:1.7;
}
html:lang(zh) .gummies-page[data-font-preview="reference"]{--preview-script-font:'Noto Sans SC','PingFang SC','Microsoft YaHei'}
html:lang(ja) .gummies-page[data-font-preview="reference"]{--preview-script-font:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic'}
html:lang(ko) .gummies-page[data-font-preview="reference"]{--preview-script-font:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic'}
html:lang(th) .gummies-page[data-font-preview="reference"]{--preview-script-font:'Noto Sans Thai','Leelawadee UI'}
[data-font-preview="reference"] h1,[data-font-preview="reference"] h2,[data-font-preview="reference"] h3{letter-spacing:0;word-spacing:normal}
[data-font-preview="reference"] h2,[data-font-preview="reference"] h3{font-weight:700}
[data-font-preview="reference"] .gummy-hero h1{font-size:clamp(32px,3.35vw,48px);font-weight:600;line-height:1.2;letter-spacing:0;word-spacing:normal}
[data-font-preview="reference"] .gummy-section-heading h2,[data-font-preview="reference"] .gummy-faq-section .section-heading h2{font-size:clamp(30px,2.8vw,42px);font-weight:700;line-height:1.3;letter-spacing:0}
[data-font-preview="reference"] .gummy-intro-copy h2{font-size:clamp(30px,2.8vw,40px);font-weight:700;line-height:1.3;letter-spacing:0}
[data-font-preview="reference"] .gummy-intro-copy p,[data-font-preview="reference"] .gummy-section-heading>p,[data-font-preview="reference"] .gummy-solution-copy p,[data-font-preview="reference"] .gummy-cta-content>p,[data-font-preview="reference"] .faq-answer p,[data-font-preview="reference"] .gummy-detail-copy .product-description{font-size:17px;line-height:1.7}
[data-font-preview="reference"] .gummy-product-title{font-size:22px;font-weight:700;line-height:1.4;letter-spacing:0}
[data-font-preview="reference"] .product-category{font-size:15px;line-height:1.6}
[data-font-preview="reference"] .gummy-product-link{font-weight:600}
[data-font-preview="reference"] .gummy-solution-copy h3.marked-heading{font-size:clamp(25px,2vw,29px);font-weight:700;line-height:1.35;letter-spacing:0}
[data-font-preview="reference"] .gummy-cta-content h2{font-size:clamp(30px,2.8vw,42px);font-weight:700;line-height:1.3;letter-spacing:0}
[data-font-preview="reference"] .faq-item summary{font-size:18px;font-weight:700;line-height:1.5;letter-spacing:0}
[data-font-preview="reference"] .button{font-size:16px;font-weight:700;letter-spacing:.02em}
[data-font-preview="reference"] .nav-link,[data-font-preview="reference"] .nav-menu-toggle{font-size:15px;font-weight:400;letter-spacing:0;word-spacing:normal}
[data-font-preview="reference"] .nav-panel a,[data-font-preview="reference"] .nav-panel button{font-size:15px;font-weight:400}
[data-font-preview="reference"] .language-menu button{font-size:15px;font-weight:400}
[data-font-preview="reference"] .breadcrumbs{font-size:15px;font-weight:400}
[data-font-preview="reference"] .footer-column h3{font-weight:600}
[data-font-preview="reference"] .button-footer{font-size:13px;letter-spacing:0}
[data-font-preview="reference"] .gummy-detail-copy h2.marked-heading{font-weight:700;letter-spacing:0}
@media(max-width:1000px){
 [data-font-preview="reference"] .gummy-intro-copy h2{font-size:32px}
 [data-font-preview="reference"] .gummy-product-title{font-size:20px}
}
@media(max-width:760px){
 [data-font-preview="reference"] .gummy-hero h1{font-size:32px;line-height:1.2}
 [data-font-preview="reference"] .gummy-section-heading h2,[data-font-preview="reference"] .gummy-faq-section .section-heading h2,[data-font-preview="reference"] .gummy-intro-copy h2{font-size:29px;line-height:1.3}
 [data-font-preview="reference"] .gummy-intro-copy p,[data-font-preview="reference"] .gummy-section-heading>p,[data-font-preview="reference"] .gummy-solution-copy p,[data-font-preview="reference"] .gummy-cta-content>p,[data-font-preview="reference"] .faq-answer p{font-size:16px;line-height:1.75}
 [data-font-preview="reference"] .gummy-cta-content h2{font-size:30px}
 [data-font-preview="reference"] .gummy-solution-copy h3.marked-heading{font-size:25px}
 [data-font-preview="reference"] .faq-item summary{font-size:17px}
 [data-font-preview="reference"] .gummy-product-title{font-size:22px}
}
@media(max-width:420px){
 [data-font-preview="reference"] .gummy-hero h1{font-size:30px}
 [data-font-preview="reference"] .gummy-section-heading h2,[data-font-preview="reference"] .gummy-intro-copy h2{font-size:27px}
 [data-font-preview="reference"] .gummy-product-title{font-size:20px}
 [data-font-preview="reference"] .gummy-cta-content h2{font-size:28px}
}

/* The blush canvas continues from the hero through the development introduction. */
[data-font-preview="reference"]{--gummy-blush:#fce2e3}
[data-font-preview="reference"] .gummy-hero{background:var(--gummy-blush)}
[data-font-preview="reference"] .gummy-hero-shade{background:rgb(255 255 255 / .20)}
[data-font-preview="reference"] .gummy-development{background:var(--gummy-blush);padding-top:64px}
[data-font-preview="reference"] .gummy-intro-photo{background:#f5f5f3}
[data-font-preview="reference"] .gummy-intro-photo img{object-position:center 50%}
@media(max-width:760px){
 [data-font-preview="reference"] .gummy-development{padding-top:38px}
}

/* Borderless product gallery following the supplied catalog recording. */
[data-font-preview="reference"] .gummy-catalog{background:#fff}
[data-font-preview="reference"] .gummy-catalog .gummy-section-heading{margin-bottom:30px}
[data-font-preview="reference"] .gummy-product-grid{gap:36px 28px}
[data-font-preview="reference"] .gummy-product-card{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
[data-font-preview="reference"] .gummy-product-card:hover{border:0;box-shadow:none}
[data-font-preview="reference"] .gummy-product-photo{aspect-ratio:1;padding:0;border-radius:6px;background:#eceeef}
[data-font-preview="reference"] .gummy-product-photo img{width:100%;height:100%;object-fit:contain}
[data-font-preview="reference"] .gummy-product-card:hover .gummy-product-photo img{transform:scale(1.035)}
[data-font-preview="reference"] .gummy-product-open:focus-visible{outline-offset:6px}
[data-font-preview="reference"] .gummy-product-copy{padding:16px 0 0}
[data-font-preview="reference"] .gummy-product-title{font-size:21px;line-height:1.4}
[data-font-preview="reference"] .product-category{margin-top:7px;font-size:14px;font-weight:400}
[data-font-preview="reference"] .gummy-product-link{padding-top:12px;font-size:14px;font-weight:400}
[data-font-preview="reference"] p strong,[data-font-preview="reference"] p b{font-weight:400;color:inherit}
[data-font-preview="reference"] .catalog-pagination[hidden]{display:none}
[data-font-preview="reference"] .catalog-pagination button[hidden]{display:none}
@media(max-width:1000px){
 [data-font-preview="reference"] .gummy-product-grid{gap:30px 22px}
}
@media(max-width:760px){
 [data-font-preview="reference"] .gummy-product-grid{gap:30px}
 [data-font-preview="reference"] .gummy-product-title{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
 [data-font-preview="reference"] .gummy-product-photo img{transition:none}
}

[data-font-preview="reference"] .product-count{display:block;margin-top:5px;color:var(--color-muted);font:400 14px/1.6 var(--body)}

/* A wider copy measure keeps the desktop catalog introduction on two balanced lines. */
[data-font-preview="reference"] .gummy-catalog .gummy-section-heading{max-width:1200px;margin-bottom:36px}
[data-font-preview="reference"] .gummy-catalog .gummy-section-heading>p{max-width:1120px;text-wrap:balance}

/* Alternating service stories, joined through the whitespace by a blush thread. */
[data-font-preview="reference"] .gummy-services{position:relative;isolation:isolate;padding-bottom:0;background:#fff;scroll-margin-top:100px}
[data-font-preview="reference"] .gummy-services::before{content:"";position:absolute;inset:0 0 auto;height:var(--service-wash-height,450px);background:linear-gradient(180deg,var(--gummy-blush) 0%,#fdf0f0 50%,#fff 100%);pointer-events:none;z-index:0}
[data-font-preview="reference"] .gummy-services>.container,[data-font-preview="reference"] .gummy-service-panel{position:relative;z-index:1}
[data-font-preview="reference"] .gummy-services .gummy-service-heading{max-width:1200px;margin-bottom:92px}
[data-font-preview="reference"] .gummy-services .gummy-service-eyebrow{margin:0 0 12px;max-width:none;color:var(--blue-500);font:500 15px/1.5 var(--body);letter-spacing:.04em}
[data-font-preview="reference"] .gummy-services .gummy-service-intro{max-width:1080px;margin:22px auto 0;font:400 17px/1.8 var(--body);color:var(--color-muted);text-wrap:balance}
[data-font-preview="reference"] .gummy-service-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;fill:none;stroke:var(--gummy-blush);stroke-width:4.5;stroke-dasharray:9 13;stroke-linecap:round}
[data-font-preview="reference"] .gummy-service-panel{padding:24px 0 52px}
[data-font-preview="reference"] .gummy-service-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:64px;align-items:center}
[data-font-preview="reference"] .gummy-service-copy{min-width:0}
[data-font-preview="reference"] .gummy-service-copy h3{margin:0 0 24px;color:var(--blue-800);font:700 clamp(28px,2.55vw,38px)/1.25 var(--head);letter-spacing:0;text-wrap:balance}
[data-font-preview="reference"] .gummy-service-copy p{max-width:65ch;color:var(--color-muted);font:400 17px/1.8 var(--body)}
[data-font-preview="reference"] .gummy-service-copy p+p{margin-top:22px}
[data-font-preview="reference"] .gummy-service-art{min-width:0;margin:0;background:transparent}
[data-font-preview="reference"] .gummy-service-art img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 9px 9px rgb(28 36 45 / .07))}
[data-font-preview="reference"] .gummy-service-formula .gummy-service-art{margin-inline:-10px}
[data-font-preview="reference"] .gummy-service-quality{padding-block:36px 84px;background:transparent}
[data-font-preview="reference"] .gummy-service-quality .gummy-service-layout{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
[data-font-preview="reference"] .gummy-service-quality .gummy-service-art{order:0}
[data-font-preview="reference"] .gummy-service-quality .gummy-service-copy{order:1}
@media(max-width:1100px){
 [data-font-preview="reference"] .gummy-service-layout{gap:40px}
 [data-font-preview="reference"] .gummy-service-copy h3{font-size:30px}
 [data-font-preview="reference"] .gummy-service-copy p{font-size:16px;line-height:1.8}
 [data-font-preview="reference"] .gummy-service-formula .gummy-service-art{margin-inline:0}
}
@media(max-width:760px){
 [data-font-preview="reference"] .gummy-services .gummy-service-heading{margin-bottom:76px}
 [data-font-preview="reference"] .gummy-services .gummy-service-eyebrow{font-size:14px;margin-bottom:10px}
 [data-font-preview="reference"] .gummy-services .gummy-service-intro{margin-top:20px;font-size:16px;line-height:1.75}
 [data-font-preview="reference"] .gummy-service-thread{stroke-width:3;stroke-dasharray:7 10}
 [data-font-preview="reference"] .gummy-service-panel{padding-block:12px 32px}
 [data-font-preview="reference"] .gummy-service-layout,[data-font-preview="reference"] .gummy-service-quality .gummy-service-layout{grid-template-columns:1fr;gap:28px}
 [data-font-preview="reference"] .gummy-service-copy h3{font-size:28px;margin-bottom:20px;text-align:left}
 [data-font-preview="reference"] .gummy-service-copy p{max-width:none;font-size:16px;line-height:1.75}
 [data-font-preview="reference"] .gummy-service-copy p+p{margin-top:18px}
 [data-font-preview="reference"] .gummy-service-art{max-width:580px;width:100%;margin-inline:auto}
 [data-font-preview="reference"] .gummy-service-formula .gummy-service-art{margin-inline:auto}
 [data-font-preview="reference"] .gummy-service-quality{padding-block:26px 48px}
 [data-font-preview="reference"] .gummy-service-quality .gummy-service-art{order:1}
 [data-font-preview="reference"] .gummy-service-quality .gummy-service-copy{order:0}
}
