/* A quiet floating journey beside the content, with a mobile bottom strip. */
body.has-shop-journey{padding-top:0;padding-right:148px}
.shop-journey{display:block;position:fixed;inset:50% 14px auto auto;transform:translateY(-50%);width:120px;z-index:1000;background:#faf7f0;border:1px solid #d7cbb7;border-radius:8px;box-shadow:0 3px 14px #30281b0c;color:#514b40;font:12px/1.4 Arial,sans-serif;padding:14px 10px}
.shop-journey ol{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.shop-journey li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.shop-journey li+li:before{content:'\2193';color:#9b896b;font-size:13px}
.shop-journey .step-label{display:block;width:100%;padding:8px 5px;border-radius:4px}
.shop-journey .complete .step-label{background:#294b3c;color:#fff;font-weight:700}
.shop-journey [aria-current=step] .step-label{outline:1px solid #91764d;font-weight:700;background:#efe8db}
html{scroll-padding-top:20px}
@media(max-width:1099px){
 body.has-shop-journey{padding-right:0;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
 .shop-journey{inset:auto 0 0;transform:none;width:auto;border:0;border-top:1px solid #d7cbb7;border-radius:0;box-shadow:0 -2px 10px #30281b0c;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));font-size:11px}
 .shop-journey ol{flex-direction:row;align-items:center;gap:4px;min-height:42px}
 .shop-journey li{flex-direction:row;gap:4px}
 .shop-journey li+li:before{content:'\2192';font-size:11px}
 .shop-journey .step-label{width:auto;padding:6px 3px}
 .shop-journey li:nth-child(3){max-width:105px}
 html{scroll-padding-bottom:90px}
}