zeal-ingredients.zi{display:block;box-sizing:border-box;padding:var(--zi-top) clamp(24px,6.25vw,120px) var(--zi-bottom);background:var(--zi-background);color:var(--zi-ink);font-family:var(--zi-font)}
.zi *,.zi *::before,.zi *::after{box-sizing:border-box}.zi [hidden]{display:none!important}.zi__inner{max-width:var(--zi-max);margin:auto}.zi__intro{text-align:center}.zi__accent{display:block;height:20px;margin:0 auto 36px}.zi__accent img{display:block;margin:auto}.zi__heading{font-family:var(--zi-heading);font-size:56px;font-weight:800;line-height:1.1;margin:0}.zi__description{font-size:26px;line-height:36px;margin:24px 0 0}.zi__stage{position:relative;isolation:isolate;margin-top:56px;min-height:698px;border-radius:30px;overflow:hidden;background:#0d3a30;padding-bottom:64px;color:var(--zi-panel-text)}.zi__panel-shape{position:absolute;right:0;top:0;width:auto;aspect-ratio:740/700;height:100%;background:url('zeal-ingredients-panel.svg') right center/100% 100% no-repeat;z-index:1;pointer-events:none}.zi__slide{display:grid;grid-template-columns:60% 40%}.zi__hero{position:absolute;inset:0 auto 0 0;width:100%;height:100%;background:var(--zi-card);z-index:0}.zi__hero img{display:block;width:60%;height:100%;object-fit:cover}.zi__hero--contain img{object-fit:contain}.zi__hero--scene{width:100%}.zi__hero--scene img{width:100%;object-fit:cover}.zi__detail{position:relative;z-index:2;grid-column:2;min-height:365px;padding:68px 40px 0 0;min-width:0}.zi__badge{display:table;max-width:100%;min-height:48px;border-radius:50px;background:var(--zi-badge);font-size:20px;font-weight:600;line-height:24px;padding:12px 34px;margin:0;overflow-wrap:anywhere}.zi__found{font-family:var(--zi-heading);font-size:48px;font-weight:900;line-height:1.3;margin:32px 0 0}.zi__copy{font-size:20px;line-height:30px;margin:32px 0 0}.zi__navigation{position:relative;z-index:2;width:calc(40% - 40px);margin:32px 40px 0 auto}.zi__arrows{display:flex;align-items:center;gap:24px}.zi__arrows button{display:block;padding:0;margin:0;border:0;background:none;cursor:pointer;border-radius:50%;width:48px;height:48px}.zi__arrows picture,.zi__arrows img{display:block}.zi button:disabled{opacity:.4;cursor:default}.zi button:focus-visible,.zi__slide:focus-visible{outline:2px solid var(--zi-panel-text);outline-offset:-3px}.zi__arrows button:focus-visible{outline-offset:4px}.zi__thumbs{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-top:24px;scroll-snap-type:x mandatory}.zi__thumbs::-webkit-scrollbar{display:none}.zi__thumb{flex:0 0 calc((100% - 32px)/3);min-width:0;height:auto;min-height:164px;padding:0;border:0;border-radius:10px;background:var(--zi-card);color:var(--zi-ink);font:400 clamp(12px,1vw,16px)/1.1 var(--zi-font);text-align:center;cursor:pointer;overflow:hidden;scroll-snap-align:start}.zi__thumb[aria-selected="true"]{font-weight:700}.zi__thumb-image{display:block;height:123px;padding:10px 11px 6px}.zi__thumb-image img{display:block;width:100%;height:100%;object-fit:contain}.zi__thumb--salmon .zi__thumb-image{padding:0}.zi__thumb-label{display:flex;justify-content:center;align-items:center;min-height:41px;padding:0 5px 10px;overflow-wrap:anywhere}.zi__thumb-label--mobile{display:none}.zi__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:750px) and (max-width:1350px){.zi__stage{min-height:620px;padding-bottom:40px}.zi__slide{grid-template-columns:56% 44%}.zi__detail{padding:40px 24px 0 0;min-height:342px}.zi__navigation{width:calc(44% - 24px);margin-right:24px;margin-top:24px}.zi__badge{font-size:16px;line-height:22px;min-height:40px;padding:9px 20px}.zi__found{font-size:36px;margin-top:24px}.zi__copy{font-size:16px;line-height:24px;margin-top:24px}.zi__thumb{height:auto;min-height:138px;font-size:13px;line-height:15px}.zi__thumb-image{height:96px;padding:6px}.zi__thumb-label{min-height:42px}.zi__thumbs{gap:10px}.zi__thumb{flex-basis:calc((100% - 20px)/3)}}
@media(max-width:749px){zeal-ingredients.zi{padding:var(--zi-mobile-top) 20px var(--zi-mobile-bottom)}.zi__accent{height:7px;margin-bottom:7px}.zi__heading{font-size:28px;line-height:40px;max-width:335px;margin:auto}.zi__description{font-size:16px;line-height:24px;margin:8px auto 0;max-width:335px}.zi__stage{margin-top:24px;border-radius:20px;min-height:0;padding-bottom:20px}.zi__panel-shape{display:none}.zi__slide{display:block}.zi__hero,.zi__hero--scene{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:335/296}.zi__hero img{width:100%}.zi__detail{min-height:212px;padding:20px 20px 0}.zi__badge{font-size:14px;line-height:18px;min-height:32px;padding:7px 20px;max-width:100%}.zi__found{font-size:26px;line-height:1.3;margin-top:16px}.zi__copy{font-size:14px;line-height:20px;margin-top:16px}.zi__navigation{width:calc(100% - 40px);margin:24px 20px 0}.zi__arrows{gap:20px}.zi__arrows button{width:32px;height:32px}.zi__thumbs{gap:9px;margin-top:16px}.zi__thumb{flex-basis:calc((100% - 18px)/3);height:auto;min-height:90px;font-size:12px;line-height:12px}.zi__thumb-image{height:64px;padding:3px 6px 2px}.zi__thumb-label{min-height:26px;padding:0 4px 4px}.zi__thumb-label--desktop{display:none}.zi__thumb-label--mobile{display:flex}}