/* Harvo's illustrative virtual market. All styles are scoped to the walkthrough. */
dialog.walkthrough-dialog{width:min(1100px,calc(100% - 32px));max-height:94dvh}dialog.walkthrough-dialog #modal-body{padding:28px}.harvo-walk{--walk-ink:#263f2a;--walk-muted:#626e58;--walk-line:#d8ddc9;--walk-lime:#e7edbb;color:var(--walk-ink)}.harvo-walk button{font:inherit;cursor:pointer}.harvo-walk button:focus-visible,.walk-stage:focus-visible{outline:3px solid #b4773b;outline-offset:4px}.walk-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:23px}.walk-intro>div{max-width:620px}.walk-kicker{font-size:10px;font-weight:700;letter-spacing:1.6px}.walk-intro h2{font-family:Georgia,'Times New Roman',serif!important;font-size:43px!important;font-weight:400;letter-spacing:-1.3px;line-height:1.08;margin:11px 0 12px!important}.walk-intro h2 br{display:none}.walk-intro p{font-size:13px!important;line-height:1.75!important;margin:0!important;max-width:600px}.walk-small-button{min-height:44px;padding:12px 15px;border:1px solid #b2bca2;border-radius:5px;flex-shrink:0;font-size:11px!important;display:flex;align-items:center;gap:16px;background:transparent}.walk-small-button:hover{background:#e9eddc}.walk-small-button>span{font-size:18px}.walk-sample-label{font-size:11px;line-height:1.7;display:flex;align-items:center;gap:7px;margin:0 0 11px;color:var(--walk-muted)}.walk-sample-dot{width:6px;height:6px;border-radius:50%;background:#8c9962;flex-shrink:0}.walk-viewport{display:grid;grid-template-columns:minmax(0,1fr);background:#e9ecdf;border:1px solid var(--walk-line);border-radius:10px;overflow:hidden}.walk-viewport.walk-panel-open{grid-template-columns:minmax(0,1fr) 300px}.walk-stage{height:430px;position:relative;overflow:hidden;isolation:isolate;background:#687457;min-width:0;border-radius:8px}.walk-panel-open .walk-stage{border-radius:8px 0 0 8px;height:100%;min-height:500px}.walk-panorama{position:absolute;inset:0;z-index:-2;background-image:url('assets/market-panorama.png');background-size:auto 100%;background-repeat:no-repeat;background-position:50% 50%;transition:background-position 900ms ease}.walk-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#15201356 0,transparent 35%,transparent 60%,#14231388 100%);pointer-events:none}.walk-stage-top{position:absolute;left:17px;right:17px;top:17px;display:flex;justify-content:space-between;gap:12px;align-items:start}.walk-location{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:10px 12px;background:#faf9efee;border:1px solid #ffffff80;border-radius:5px;max-width:calc(100% - 130px);line-height:1.4}.walk-location>span:first-child{font-size:20px;line-height:1}.walk-basket-button{background:#263f2af5;border:1px solid #ffffff70;border-radius:5px;color:#fff9e5;padding:11px 13px;min-height:44px;display:flex;gap:11px;align-items:center;font-size:11px!important}.walk-basket-button:hover{background:#3f5735}.walk-hotspots{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:70px 18px 100px;gap:15px}.walk-hotspot{pointer-events:auto;display:flex;align-items:center;gap:11px;padding:14px 17px;border:1px solid #fff;border-radius:7px;background:#faf9eef2;text-align:left;box-shadow:0 5px 25px #10200f3b;color:#263f2a;min-height:66px;max-width:280px}.walk-hotspot:hover{background:#edf2cf;transform:translateY(-2px)}.walk-hotspot strong{font-size:14px;line-height:1.4;font-weight:600;display:block}.walk-hotspot small{display:block;font-size:10px;margin-top:4px;color:#657151;line-height:1.5}.walk-hotspot-dot{width:30px;height:30px;border:1px solid #809363;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.walk-hotspots-entrance{align-items:flex-end;justify-content:space-around;gap:11px;padding-bottom:105px}.walk-hotspots-entrance .walk-hotspot{padding:11px;gap:8px}.walk-hotspots-entrance .walk-hotspot strong{font-size:12px}.walk-hotspots-entrance .walk-hotspot small{font-size:9px}.walk-hotspots-entrance .walk-hotspot-dot{width:25px;height:25px;font-size:18px}.walk-look-controls{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:4px;background:#faf9efe8;border:1px solid #fff;border-radius:40px;white-space:nowrap}.walk-look-controls button{width:44px;height:44px;border-radius:50%;background:#263f2a;color:#fff9e5;border:0;display:flex;align-items:center;justify-content:center;font-size:22px}.walk-look-controls button:hover{background:#52683f}.walk-look-controls>span{font-size:11px;color:#34482b}.harvo-walk [aria-disabled=true]{opacity:.5;cursor:default}.walk-panorama-caption{position:absolute;bottom:9px;left:15px;color:#fff8e9;letter-spacing:.9px;font-size:7px;text-shadow:0 1px 5px #000}.walk-route{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.walk-route-button{min-height:46px;border:1px solid #b9c3a7;border-radius:5px;padding:12px 17px;display:flex;gap:20px;align-items:center;font-size:12px!important;background:transparent}.walk-route-button:not([aria-disabled=true]):hover{background:#e5ebd5}.walk-route-button>span{font-size:21px;line-height:1}.walk-forward{background:#263f2a;color:#fff9e8;border-color:#263f2a}.walk-forward:not([aria-disabled=true]):hover{background:#455f36}.walk-route-progress{display:flex;flex-direction:column;text-align:center;gap:6px;line-height:1.4;min-width:0}.walk-route-progress>span{font-size:9px;letter-spacing:1px;color:var(--walk-muted);text-transform:uppercase}.walk-route-progress>strong{font-size:13px;font-weight:500}.walk-stop-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--walk-line);padding-top:16px}.walk-stop-picker button{display:flex;align-items:center;gap:10px;border:1px solid var(--walk-line);border-radius:5px;padding:12px;min-height:48px;min-width:0;font-size:12px;background:#f5f6ed;text-align:left}.walk-stop-picker button[aria-pressed=true]{background:#e6edce;border-color:#93a773}.walk-stop-picker button:hover{border-color:#788f58}.walk-stop-number{font-size:9px;color:#788360;letter-spacing:.6px}.walk-stop-check{margin-left:auto;font-size:16px}.walk-footer-note{display:flex;gap:40px;justify-content:space-between;padding-top:13px}.walk-footer-note p{font-size:11px!important;line-height:1.8!important;margin:0!important;max-width:56%}.walk-footer-note #walk-keyboard-help{font-size:10px!important;max-width:37%;color:#76816a}.walk-status{font-size:11px!important;line-height:1.5!important;margin:10px 0 0!important;min-height:17px;color:#5e7146!important}.walk-capture{background:#edf1df;border:1px solid #d4ddbf;border-radius:8px;padding:18px 20px;margin-bottom:20px}.walk-capture-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.walk-capture-title h3{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:400;margin:0}.walk-text-button{min-height:44px;font-size:11px!important;text-decoration:underline;text-underline-offset:3px;flex-shrink:0;border:0;background:none}.walk-capture ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0 0;padding-left:20px}.walk-capture li{font-size:12px;line-height:1.8;padding-left:2px}.walk-capture li strong{font-weight:600;display:block;margin-bottom:5px}.walk-capture li span{font-size:11px;color:#657254}.walk-capture>p{font-size:10px!important;line-height:1.8!important;margin-bottom:0!important}.walk-stall-panel{min-width:0;background:#f8f8ef;border-left:1px solid #d8ddc9}.walk-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 13px 8px 18px}.walk-panel-heading>span{font-size:8px;letter-spacing:1.2px;font-weight:600}.walk-panel-close{width:44px;height:44px;border:0;border-radius:50%;font-size:26px!important;line-height:1;background:transparent}.walk-panel-close:hover{background:#e4ead5}.walk-product-photo{display:block;width:100%;height:132px;object-fit:cover}.walk-panel-content{padding:20px}.walk-panel-grower{font-size:10px;line-height:1.6;color:#6b775b;margin-bottom:10px}.walk-panel-content h3{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.1;letter-spacing:-.5px;font-weight:400;margin:0 0 14px;overflow-wrap:anywhere}.walk-panel-content p{font-size:11px!important;line-height:1.8!important;margin:0 0 16px!important}.walk-product-price{display:flex;align-items:baseline;gap:6px}.walk-product-price strong{font-size:22px;font-weight:500}.walk-product-price>span{font-size:11px;color:#6a755b}.walk-panel-content .walk-stock{font-size:10px!important;margin:7px 0 14px!important;color:#7a8668}.walk-add-button,.walk-details-button{min-height:46px;padding:13px 15px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;font-size:12px!important;text-align:left}.walk-add-button{background:#263f2a;color:#fff8e4;border:1px solid #263f2a}.walk-add-button:hover{background:#425d34}.walk-add-button>span{font-size:20px;line-height:1}.walk-details-button{background:transparent;border:1px solid #bec9ac;margin-top:9px}.walk-details-button:hover{background:#e9eedb}.walk-panel-content>small{display:block;margin-top:13px;font-size:9px;line-height:1.8;color:#7a826f}
.walk-intro-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.walk-camera-button{background:#eef1de;border-color:#d0d9bc}.walk-intro .walk-intro-actions{max-width:none}.walk-intro-actions .walk-small-button{margin-top:0}
@media(max-width:900px){.walk-intro{align-items:start;gap:18px}.walk-intro>div{max-width:65%}.walk-intro h2{font-size:36px!important}.walk-intro h2 br{display:block}.walk-intro p{font-size:12px!important}.walk-small-button{font-size:10px!important;gap:10px;padding:11px}.walk-stage{height:390px}.walk-viewport.walk-panel-open{grid-template-columns:minmax(0,1fr) 270px}.walk-hotspots-entrance{gap:8px;padding-inline:12px}.walk-hotspots-entrance .walk-hotspot{padding:10px 8px;gap:6px}.walk-hotspots-entrance .walk-hotspot-dot{display:none}.walk-panel-content{padding:17px}.walk-hotspots-entrance .walk-hotspot strong{font-size:11px}.walk-hotspots-entrance .walk-hotspot small{font-size:9px}.walk-stop-picker button{padding:11px;gap:8px;font-size:11px}}
@media(max-width:650px){dialog.walkthrough-dialog{width:calc(100% - 20px);max-height:96dvh}dialog.walkthrough-dialog #modal-body{padding:18px}.walk-intro{display:block;margin-bottom:19px}.walk-intro>div{max-width:none}.walk-intro h2{font-size:36px!important}.walk-intro h2 br{display:none}.walk-intro p{font-size:12px!important}.walk-small-button{margin-top:15px;font-size:11px!important}.walk-sample-label{font-size:9px;line-height:1.6;align-items:start}.walk-sample-dot{margin-top:5px}.walk-stage{height:400px;border-radius:8px}.walk-stage-top{left:11px;right:11px;top:12px;gap:7px}.walk-location{font-size:10px;padding:9px;gap:5px;max-width:calc(100% - 110px)}.walk-location>span:first-child{font-size:17px}.walk-basket-button{font-size:10px!important;padding:10px;gap:7px}.walk-hotspots-entrance{align-items:stretch;justify-content:flex-end;flex-direction:column;gap:8px;padding:72px 15px 100px}.walk-hotspots-entrance .walk-hotspot{max-width:245px;min-height:49px;padding:9px 12px;align-self:flex-start;gap:10px}.walk-hotspots-entrance .walk-hotspot:nth-child(even){align-self:flex-end}.walk-hotspots-entrance .walk-hotspot strong{font-size:12px}.walk-hotspots-entrance .walk-hotspot small{font-size:9px;margin-top:2px}.walk-hotspots-entrance .walk-hotspot-dot{display:flex;width:25px;height:25px}.walk-hotspots{padding-inline:15px}.walk-hotspot{padding:13px;max-width:265px}.walk-look-controls{bottom:29px;gap:10px}.walk-look-controls button{width:44px;height:44px}.walk-look-controls>span{font-size:10px}.walk-panorama-caption{font-size:6px;letter-spacing:.4px;left:11px}.walk-route{gap:7px;padding:14px 0}.walk-route-button{padding:11px 10px;gap:7px;font-size:10px!important}.walk-route-button>span{font-size:18px}.walk-route-progress{gap:4px}.walk-route-progress>span{font-size:8px}.walk-route-progress>strong{font-size:10px;max-width:100px}.walk-stop-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:13px}.walk-stop-picker button{font-size:12px;padding:11px;gap:9px}.walk-footer-note{display:block;padding-top:13px}.walk-footer-note p{max-width:none;font-size:11px!important}.walk-footer-note #walk-keyboard-help{max-width:none;margin-top:8px!important;font-size:9px!important}.walk-status{font-size:10px!important}.walk-viewport.walk-panel-open{grid-template-columns:minmax(0,1fr)}.walk-panel-open .walk-stage{height:335px;min-height:0;border-radius:8px 8px 0 0}.walk-stall-panel{border-left:0;border-top:1px solid #d8ddc9}.walk-product-photo{height:145px}.walk-panel-content{padding:18px}.walk-panel-heading{padding:5px 10px 5px 18px}.walk-panel-content h3{font-size:28px}.walk-panel-content p{font-size:12px!important}.walk-panel-content>small{font-size:10px}.walk-capture{padding:15px}.walk-capture-title{display:block}.walk-capture-title h3{font-size:24px}.walk-capture-title .walk-text-button{padding:0}.walk-capture ol{grid-template-columns:1fr;gap:14px;margin-top:8px}.walk-capture li{font-size:12px}.walk-capture li span{font-size:11px}}
@media(max-width:360px){dialog.walkthrough-dialog #modal-body{padding:14px}.walk-intro h2{font-size:31px!important}.walk-route-button{font-size:9px!important;padding:10px 8px;gap:4px}.walk-route-progress>strong{max-width:78px;font-size:9px}.walk-stage-top{left:9px;right:9px}.walk-location{font-size:9px}.walk-basket-button{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.harvo-walk *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.walk-intro .walk-intro-actions{margin-top:15px;align-items:stretch}.walk-intro-actions .walk-small-button{margin-top:0}}

/* Readable market controls and stories for visitors shopping from home. */
.walk-kicker{font-size:11px;line-height:1.6}
.walk-intro p,.walk-panel-content p,.walk-footer-note p{font-size:16px!important;line-height:1.65!important}
.walk-small-button,.walk-basket-button,.walk-route-button,.walk-text-button,.walk-add-button,.walk-details-button{font-size:14px!important;min-height:46px}
.walk-small-button{padding:12px 15px;line-height:1.5}
.walk-sample-label{font-size:12px;line-height:1.6}
.walk-location{font-size:14px;line-height:1.4;min-height:44px;align-items:center}
.walk-hotspot strong,.walk-hotspots-entrance .walk-hotspot strong{font-size:16px;line-height:1.35}
.walk-hotspot small,.walk-hotspots-entrance .walk-hotspot small{font-size:13px;line-height:1.5}
.walk-hotspot,.walk-hotspots-entrance .walk-hotspot{min-height:72px}
.walk-hotspots-entrance .walk-hotspot{padding:12px;gap:10px}
.walk-look-controls>span{font-size:14px}
.walk-look-controls button{width:46px;height:46px}
.walk-panorama-caption{font-size:11px;line-height:1.4;letter-spacing:.35px;right:15px}
.walk-route-progress>span{font-size:12px}
.walk-route-progress>strong{font-size:16px;line-height:1.4;max-width:none}
.walk-stop-picker button{font-size:14px;line-height:1.4;min-height:48px}
.walk-stop-number{font-size:12px}
.walk-footer-note #walk-keyboard-help{font-size:13px!important;line-height:1.6!important}
.walk-status{font-size:14px!important;line-height:1.6!important;min-height:23px}
.walk-capture li,.walk-capture li span{font-size:16px;line-height:1.65}
.walk-capture>p{font-size:12px!important;line-height:1.7!important}
.walk-panel-heading>span{font-size:11px;line-height:1.5}
.walk-panel-grower{font-size:13px;line-height:1.6}
.walk-product-price strong{font-size:25px}
.walk-product-price>span{font-size:14px}
.walk-panel-content .walk-stock{font-size:14px!important}
.walk-panel-content>small{font-size:12px;line-height:1.7}
@media(max-width:900px){
  .walk-intro{align-items:start}
  .walk-intro>div:first-child{max-width:60%}
  .walk-hotspots-entrance .walk-hotspot{padding:11px;gap:8px}
  .walk-hotspots-entrance .walk-hotspot strong{font-size:15px}
  .walk-hotspots-entrance .walk-hotspot small{font-size:12px}
  .walk-stop-picker button{font-size:14px;gap:8px}
  .walk-route-button{gap:12px}
  .walk-capture ol{grid-template-columns:1fr;gap:17px}
}
@media(max-width:650px){
  .walk-intro>div:first-child{max-width:none}
  .walk-intro-actions .walk-small-button{font-size:14px!important}
  .walk-stage{height:480px}
  .walk-stage-top{flex-wrap:wrap;gap:8px}
  .walk-location{font-size:14px;max-width:100%;padding:10px}
  .walk-basket-button{font-size:14px!important;margin-left:auto;padding:11px}
  .walk-hotspots-entrance{padding-top:120px;padding-bottom:120px;gap:9px;justify-content:center}
  .walk-hotspots-entrance .walk-hotspot{min-height:69px;padding:11px 12px;max-width:100%}
  .walk-hotspots-entrance .walk-hotspot strong{font-size:16px}
  .walk-hotspots-entrance .walk-hotspot small{font-size:13px}
  .walk-look-controls{bottom:51px;gap:12px}
  .walk-look-controls>span{font-size:14px}
  .walk-panorama-caption{font-size:11px;left:12px;right:12px;bottom:10px;line-height:1.4}
  .walk-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;padding:17px 0}
  .walk-route-progress{grid-column:1/-1;grid-row:1;text-align:center;gap:4px}
  .walk-route-progress>span{font-size:12px}
  .walk-route-progress>strong{font-size:16px;max-width:none}
  .walk-route-button{grid-row:2;justify-content:center;padding:12px 8px;gap:9px;min-height:48px;font-size:14px!important}
  .walk-stop-picker button{font-size:14px;min-height:49px;gap:9px}
  .walk-stop-number{font-size:12px}
  .walk-footer-note p{font-size:16px!important;line-height:1.65!important}
  .walk-footer-note #walk-keyboard-help{font-size:13px!important;margin-top:11px!important}
  .walk-panel-open .walk-stage{height:370px}
  .walk-panel-content p{font-size:16px!important}
  .walk-panel-content>small{font-size:12px}
  .walk-capture li,.walk-capture li span{font-size:16px}
}
@media(max-width:360px){
  .walk-route-button{font-size:14px!important;gap:7px;padding:12px 6px}
  .walk-location{font-size:14px}
  .walk-basket-button{font-size:14px!important}
  .walk-route-progress>strong{font-size:16px;max-width:none}
}