/* Smoothie Bar page (partials/storly/smoothie-journey.php). Brand: #93c43d, #232221, #5c7d23, #f1f8e2. */
.sm-wrap{max-width:1300px;margin:0 auto;padding:0 24px}
.sm-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:36px;padding-bottom:40px}
.sm-eyebrow{color:#5c7d23;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.sm-h1{font-family:'Big Shoulders',sans-serif;font-weight:800;font-size:68px;line-height:.95;color:#232221;margin:10px 0 16px}
.sm-h1 span{color:#93c43d}
.sm-lead{font-size:18px;line-height:1.6;color:#4b5563;max-width:560px}
.sm-facts{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.sm-fact{background:#f1f8e2;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;color:#232221}
.sm-btns{display:flex;gap:12px;flex-wrap:wrap}
.sm-btn{background:#93c43d;color:#232221;font-weight:700;border-radius:12px;padding:14px 22px}
.sm-btn.ghost{background:#fff;border:2px solid #232221}
.sm-heroimg{border-radius:24px;overflow:hidden;aspect-ratio:4/5;max-height:560px;background:#eee;justify-self:end;width:100%;max-width:460px}
.sm-heroimg img{width:100%;height:100%;object-fit:cover}
.sm-sec{padding-top:40px;padding-bottom:10px}
.sm-h2{font-family:'Big Shoulders',sans-serif;font-weight:800;font-size:40px;color:#232221}
.sm-sub{color:#6b7280;margin:4px 0 20px}
.sm-moods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sm-mood{border-radius:20px;padding:22px;color:#fff;text-align:left;cursor:pointer;border:3px solid transparent;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}
.sm-mood:hover{transform:translateY(-2px)}
.sm-mood.on{border-color:#232221;box-shadow:0 0 0 3px #93c43d inset}
.sm-mood strong{font-family:'Big Shoulders',sans-serif;font-size:32px;line-height:1}
.sm-mood small{display:block;font-size:14px;opacity:.9;margin-top:6px}
.sm-mood em{font-style:normal;font-weight:700;font-size:13px;background:#ffffff33;border-radius:999px;padding:4px 10px;align-self:flex-start}
.sm-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:26px 0 18px}
.sm-chip{border:1.5px solid #d1d5db;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:#232221;cursor:pointer}
.sm-chip.on{background:#232221;border-color:#232221;color:#fff}
.sm-count{margin-left:auto;color:#6b7280;font-size:14px}
.sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sm-card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;display:flex;gap:16px;background:#fff}
.sm-sw{flex:none;width:72px;height:92px;border-radius:14px 14px 22px 22px;position:relative;box-shadow:inset 0 -10px 18px #0000001f}
.sm-sw:after{content:'';position:absolute;left:8px;right:8px;top:-6px;height:10px;border-radius:6px;background:#ffffffaa}
.sm-card h3{font-weight:800;font-size:18px;color:#232221;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sm-pop{background:#93c43d;color:#232221;font-size:11px;font-weight:800;border-radius:999px;padding:3px 8px;text-transform:uppercase;letter-spacing:.04em}
.sm-ing{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.sm-ing span{background:#f3f4f6;border-radius:8px;padding:3px 8px;font-size:12.5px;color:#374151}
.sm-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.sm-price{font-weight:800;font-size:18px;color:#232221}
.sm-macro{font-size:12px;color:#9ca3af;border:1.5px dashed #d1d5db;border-radius:999px;padding:3px 9px}
.sm-group{font-size:12px;font-weight:700;color:#5c7d23;text-transform:uppercase;letter-spacing:.05em}
.sm-boost{display:grid;grid-template-columns:1fr 2fr;gap:28px;align-items:center;background:#232221;color:#fff;border-radius:24px;padding:34px;margin-top:44px}
.sm-boost h2{font-family:'Big Shoulders',sans-serif;font-weight:800;font-size:44px;line-height:1}
.sm-boost h2 span{color:#93c43d}
.sm-boost p{color:#ffffffbf;margin-top:8px}
.sm-chargers{display:flex;flex-wrap:wrap;gap:10px}
.sm-chargers span{border:1.5px solid #93c43d;border-radius:999px;padding:9px 14px;font-weight:600;font-size:14px}
.sm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.sm-step{border:1px solid #e5e7eb;border-radius:18px;padding:22px}
.sm-step b{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#93c43d;color:#232221;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px}
.sm-step h4{font-weight:800;font-size:18px;color:#232221}
.sm-step p{color:#6b7280;font-size:15px;margin-top:4px}
.sm-stores{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:44px 0 60px}
.sm-store{border-radius:18px;padding:22px;background:#f6f8f2;border:1px solid #e5ecd6}
.sm-store h4{font-weight:800;color:#232221;font-size:18px}
.sm-store p{color:#4b5563;font-size:15px;margin-top:4px}
.sm-store a{display:inline-block;margin-top:10px;color:#5c7d23;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.sm-store.ff{background:#232221;border-color:#232221}.sm-store.ff h4{color:#fff}.sm-store.ff p{color:#ffffffbf}.sm-store.ff a{color:#93c43d}
@media (max-width:1000px){.sm-hero,.sm-boost{grid-template-columns:1fr}.sm-moods{grid-template-columns:1fr 1fr}.sm-grid{grid-template-columns:1fr 1fr}.sm-steps,.sm-stores{grid-template-columns:1fr}.sm-h1{font-size:52px}}
@media (max-width:640px){.sm-grid{grid-template-columns:1fr}}
[x-cloak]{display:none!important}