/* Approved product-page components, honey gel hero and calm muted-gold actions. */
.energygels-page{
 --gummy-blush:#f5eddd;
 --action-rose:#d6c3a0;--action-rose-hover:#c5ae84;--action-rose-deep:#886b43;
 --action-blue:#d6c3a0;--action-blue-hover:#c5ae84;--action-ink:#23364d;
 --footer-ice:#f1e6d4;
}
.energygels-page .gummy-hero{width:100%;min-width:0;min-height:360px;aspect-ratio:2172/724;background:#f5eddd}
.energygels-page .gummy-hero-content{text-align:center}
.energygels-page .gummy-hero h1{max-width:1100px;margin-inline:auto;text-align:center;text-wrap:balance}
.energygels-page .gummy-hero .breadcrumbs{margin-inline:auto;padding-inline:0;text-align:center}
.energygels-page .breadcrumbs ol{justify-content:center;margin-inline:auto;padding-inline:0}
.energygels-page .gummy-hero-image{object-position:center center}
.energygels-page .gummy-hero-shade{background:rgb(255 255 255 / .18)}
.energygels-page .gummy-intro-layout{gap:60px}
.energygels-page .gummy-intro-photo{background:#f5f0e6}
.energygels-page .gummy-intro-photo img{aspect-ratio:4/3;object-fit:cover}
.energygels-page .gummy-intro-copy h2{text-wrap:balance}
.energygels-page .gummy-service-art img{object-fit:contain;filter:drop-shadow(0 10px 10px rgb(102 80 43 / .05))}
.energygels-page .gummy-service-quality .gummy-service-art{border-radius:0;overflow:visible;background:transparent}
.energygels-page .gummy-services::before{background:linear-gradient(180deg,#f5eddd 0%,#faf7f0 46%,rgb(250 247 240 / 0) 100%)}
.energygels-page .gummy-service-thread path{stroke:#e3d0ab}
.energygels-page .gummy-services .gummy-service-eyebrow{color:#886b43}
.energygels-page .gummy-product-title{min-height:0}
.energygels-page .product-category{min-height:3.2em}
.energygels-page .gummy-partner-shade{background:linear-gradient(90deg,#f5eddd 0%,rgb(245 237 221 / .99) 28%,rgb(245 237 221 / .96) 45%,rgb(245 237 221 / .72) 61%,rgb(245 237 221 / .25) 80%,rgb(245 237 221 / 0) 100%)}
.energygels-page .language-menu button:hover,.energygels-page .language-menu button[aria-current=true],.energygels-page .nav-panel button:hover,.energygels-page .nav-panel a:hover{background:#f5f0e6;color:#886b43}
.energygels-page .gummy-faq-section .faq-item summary:hover{background:#f7f2e9}
.energygels-page .gummy-project-cta{background:#f1e6d4;color:#23364d}
.energygels-page .gummy-cta-image{object-position:center}
.energygels-page .gummy-cta-shade{background:rgb(255 255 255 / .55)}
.energygels-page .gummy-cta-content{max-width:870px;text-align:center}
.energygels-page .gummy-cta-content h2,.energygels-page .gummy-cta-content>p{width:auto;margin-inline:auto;color:#172c43;text-shadow:none}
.energygels-page .gummy-cta-content h2{justify-content:center}
.energygels-page .gummy-cta-content .button{margin-inline:auto;background:#d6c3a0;border-color:#c8b18b}
.energygels-page .gummy-cta-content .button:hover{background:#c5ae84;border-color:#b69a6f}
.energygels-page .site-footer{background:linear-gradient(180deg,#f1e6d4 0%,#faf7f2 46%,#fff 100%)}
.energygels-page .footer-column li a{color:#455972;font:400 16px/1.45 var(--body)}
.energygels-page .footer-column li a:hover{color:#886b43}
.energygels-page .footer-bottom{border-top-color:#e1d3be}
.energygels-page .footer-curve svg{fill:#f1e6d4}
.energygels-page .button-footer{background:#d6c3a0;border-color:#c8b18b;color:var(--action-ink)}
.energygels-page .button-footer:hover{background:#c5ae84;border-color:#b69a6f;color:var(--action-ink)}
.energygels-page .gummy-process-step:last-child .gummy-process-connector{display:none}
@media(min-width:901px){
 .energygels-page .gummy-process-grid{grid-template-columns:repeat(5,minmax(0,1fr));--process-gap:24px}
 .energygels-page .gummy-process-visual{width:148px}
 .energygels-page .gummy-process-connector{left:calc(50% + 88px);width:max(12px,calc(100% + var(--process-gap) - 176px));top:63px}
 .energygels-page .gummy-process-step:nth-child(even) .gummy-process-connector{display:block}
}
@media(max-width:1100px){
 .energygels-page .gummy-intro-layout{gap:36px}
 .energygels-page .gummy-partner-shade{background:linear-gradient(90deg,#f5eddd 0%,rgb(245 237 221 / .99) 34%,rgb(245 237 221 / .94) 53%,rgb(245 237 221 / .58) 73%,rgb(245 237 221 / 0) 100%)}
}
@media(max-width:900px){
 .energygels-page .gummy-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .energygels-page .gummy-process-step:nth-child(even) .gummy-process-connector{display:none}
 .energygels-page .gummy-process-step:last-child{grid-column:1/-1;width:calc((100% - var(--process-gap))/2);justify-self:center}
}
@media(max-width:760px){
 .energygels-page .gummy-hero{min-height:330px;aspect-ratio:auto}
 .energygels-page .gummy-hero-image{object-position:52% center}
 .energygels-page .gummy-hero h1{max-width:100%;font-size:30px;text-wrap:balance}
 .energygels-page .gummy-hero-shade{background:rgb(255 255 255 / .46)}
 .energygels-page .gummy-intro-layout{gap:32px}
 .energygels-page .gummy-product-title,.energygels-page .product-category{min-height:0}
 .energygels-page .gummy-partner-shade{background:linear-gradient(90deg,rgb(245 237 221 / .99),rgb(245 237 221 / .96) 53%,rgb(245 237 221 / .89))}
 .energygels-page .gummy-service-quality .gummy-service-art{margin-top:0}
 .energygels-page .gummy-cta-content h2,.energygels-page .gummy-cta-content>p{width:100%;margin-inline:auto}
}
@media(max-width:420px){
 .energygels-page .gummy-hero h1{font-size:28px}
 .energygels-page .gummy-hero-content{padding-block:46px}
}

@media(max-width:600px){
 .energygels-page .gummy-process-grid{grid-template-columns:1fr;row-gap:42px}
 .energygels-page .gummy-process-step:last-child{grid-column:auto;width:auto;justify-self:stretch}
 .energygels-page .gummy-process-visual{width:148px;max-width:80%}
 .energygels-page .gummy-process-connector{display:none}
 .energygels-page .gummy-process-step p{max-width:34ch}
}