/* Working "See it in action" walkthroughs — Superfood, Wellness Drinks, Yellow Sticker */
#sfWalk .sfw-lede, #wdWalk .sfw-lede, #ysWalk .sfw-lede{ font-size:.95rem; line-height:1.7; color:#687383 !important; -webkit-text-fill-color:#687383 !important; margin:6px 0 20px; max-width:72ch; }
#sfWalk .sfw-pick, #wdWalk .sfw-pick, #ysWalk .sfw-pick{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:18px; }
#sfWalk .sfw-pick-l, #wdWalk .sfw-pick-l, #ysWalk .sfw-pick-l{ font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:#6F9272 !important; -webkit-text-fill-color:#6F9272 !important; margin-right:4px; }
#sfWalk .sfw-chip, #wdWalk .sfw-chip, #ysWalk .sfw-chip{ border:1px solid #E8E4DC; background:#fff; border-radius:999px; padding:8px 15px; cursor:pointer;
  font-family:inherit; font-size:.85rem; font-weight:700; color:#20354B !important; -webkit-text-fill-color:#20354B !important; transition:.15s; }
#sfWalk .sfw-chip:hover, #wdWalk .sfw-chip:hover, #ysWalk .sfw-chip:hover{ border-color:#C9DAC6; background:#F7F9F6; }
#sfWalk .sfw-chip.is-on, #wdWalk .sfw-chip.is-on, #ysWalk .sfw-chip.is-on{ background:#20354B; border-color:#20354B; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#sfWalk .sfw-prog, #wdWalk .sfw-prog, #ysWalk .sfw-prog{ display:flex; align-items:center; gap:12px; margin-bottom:22px; flex-wrap:wrap; }
#sfWalk .sfw-bar, #wdWalk .sfw-bar, #ysWalk .sfw-bar{ flex:1; min-width:140px; height:7px; background:#EDE9E1; border-radius:999px; overflow:hidden; }
#sfWalk .sfw-bar-fill, #wdWalk .sfw-bar-fill, #ysWalk .sfw-bar-fill{ display:block; height:100%; background:#6F9272; border-radius:999px; transition:width .25s ease; }
#sfWalk .sfw-count, #wdWalk .sfw-count, #ysWalk .sfw-count{ font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#6F9272 !important; -webkit-text-fill-color:#6F9272 !important; white-space:nowrap; }
#sfWalk .sfw-reset, #wdWalk .sfw-reset, #ysWalk .sfw-reset{ background:none; border:none; cursor:pointer; font-family:inherit; font-size:.78rem; font-weight:700;
  text-decoration:underline; color:#8A93A0 !important; -webkit-text-fill-color:#8A93A0 !important; padding:0; }
#sfWalk .sfw-steps, #wdWalk .sfw-steps, #ysWalk .sfw-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
#sfWalk .sfw-step, #wdWalk .sfw-step, #ysWalk .sfw-step{ background:#fff; border:1px solid #E8E4DC; border-radius:20px; padding:20px; display:flex; flex-direction:column; transition:.18s; }
#sfWalk .sfw-step.is-done, #wdWalk .sfw-step.is-done, #ysWalk .sfw-step.is-done{ border-color:#C9DAC6; background:#FAFCF9; }
#sfWalk .sfw-n, #wdWalk .sfw-n, #ysWalk .sfw-n{ width:30px; height:30px; border-radius:50%; background:#F2EFE8; display:flex; align-items:center; justify-content:center;
  font-size:.85rem; font-weight:800; color:#6F9272 !important; -webkit-text-fill-color:#6F9272 !important; margin-bottom:12px; }
#sfWalk .sfw-step.is-done .sfw-n, #wdWalk .sfw-step.is-done .sfw-n, #ysWalk .sfw-step.is-done .sfw-n{ background:#6F9272; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#sfWalk .sfw-t, #wdWalk .sfw-t, #ysWalk .sfw-t{ font-family:Georgia,serif; font-size:1.02rem; font-weight:700; margin:0 0 6px;
  color:#20354B !important; -webkit-text-fill-color:#20354B !important; }
#sfWalk .sfw-d, #wdWalk .sfw-d, #ysWalk .sfw-d{ font-size:.86rem; line-height:1.6; margin:0 0 10px; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#sfWalk .sfw-how, #wdWalk .sfw-how, #ysWalk .sfw-how{ font-size:.79rem; line-height:1.6; margin:0 0 12px; padding-top:10px; border-top:1px dashed #EDE9E1;
  color:#8A93A0 !important; -webkit-text-fill-color:#8A93A0 !important; }
#sfWalk .sfw-res, #wdWalk .sfw-res, #ysWalk .sfw-res{ font-size:.79rem; line-height:1.55; margin:0 0 12px; background:#EEF3EC; border-radius:12px; padding:9px 12px;
  color:#4F6B4B !important; -webkit-text-fill-color:#4F6B4B !important; }
#sfWalk .sfw-acts, #wdWalk .sfw-acts, #ysWalk .sfw-acts{ margin-top:auto; display:flex; flex-wrap:wrap; gap:8px; }
#sfWalk .sfw-foot, #wdWalk .sfw-foot, #ysWalk .sfw-foot{ margin-top:20px; font-size:.79rem; line-height:1.6; color:#8A93A0 !important; -webkit-text-fill-color:#8A93A0 !important; }
@media (max-width:980px){ #sfWalk .sfw-steps, #wdWalk .sfw-steps, #ysWalk .sfw-steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ #sfWalk .sfw-steps, #wdWalk .sfw-steps, #ysWalk .sfw-steps{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce){ #sfWalk .sfw-bar-fill, #wdWalk .sfw-bar-fill, #ysWalk .sfw-bar-fill{ transition:none; } }

#ysWalk .sfw-live{ background:#FBF3E6; border:1px solid #EFE2C9; border-radius:14px; padding:11px 15px; margin:0 0 18px;
  font-size:.86rem; line-height:1.55; color:#7A6338 !important; -webkit-text-fill-color:#7A6338 !important; }