/* Header layout from verification/user-header-reference.css; catalogue tokens stay unchanged. */
.reference-layout .demo-strip,.reference-layout .site-header,.reference-surface{--ink:#142e32;--muted:#6f7d79;--cyan:#45d5e5;--border:#d8d3c6;--reference-linen:#f2ecdf;--body:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.reference-layout .demo-strip{background:linear-gradient(110deg,#e0f9fa,#f0f7d5);font-size:13px;padding:12px 20px;min-height:0;font-weight:400;letter-spacing:0;line-height:1.3}.reference-layout .site-header,.reference-surface{background-color:var(--reference-linen);background-image:linear-gradient(rgba(242,236,223,.88),rgba(242,236,223,.88)),url('assets/linen-weave.webp');background-size:auto,600px}.reference-layout .site-header{border-color:var(--border);backdrop-filter:none}.reference-layout .nav-row{max-width:1420px;width:100%;min-height:94px;height:auto;padding:0 40px;gap:24px}.reference-layout .nav-row .brand{font:750 36px/1 Arial,Helvetica,sans-serif;letter-spacing:-2px;gap:0}.reference-layout .nav-row .brand-mark svg{width:45px;height:45px;margin-right:12px}.reference-layout .main-nav{gap:34px;margin:0}.reference-layout .main-nav a{font-size:14px;padding:20px 0;color:var(--muted)}.reference-layout .main-nav a[aria-current=page]{color:var(--ink)}.reference-layout .main-nav a[aria-current=page]::after{width:6px;height:6px;bottom:5px;background:#17abbc}.reference-layout .cart-button{padding:13px 19px;gap:14px;font-size:14px;font-weight:600}.reference-layout .cart-count{width:27px;height:27px;font-size:12px}.reference-layout .nav-actions{gap:11px}.reference-layout .nav-row .icon{width:22px;height:22px}.reference-hero{position:relative;max-width:1800px;margin:auto;min-height:720px;padding:84px 0 90px}.reference-copy{position:relative;z-index:2;max-width:650px;width:46%;margin:auto;text-align:center;pointer-events:none}.reference-copy button,.reference-copy a{pointer-events:auto}.reference-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 34px;line-height:1.4}.reference-eyebrow::before{content:'•';color:#12afc2;font-size:19px;margin-right:10px;vertical-align:middle}.reference-copy h1{font:750 clamp(34px,4.35vw,73px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-3.3px;margin:0 0 34px}.reference-under{position:relative;display:inline-block;white-space:nowrap}.reference-under::after{content:'';position:absolute;bottom:-13px;left:8%;width:86%;height:8px;background:var(--cyan);border-radius:90% 90% 35% 35%;transform:rotate(-1deg)}.reference-intro{color:var(--muted);font-size:16px;line-height:1.85;max-width:480px;margin:36px auto 29px}.reference-copy .reference-primary{background:var(--cyan);border-radius:40px;padding:20px 34px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:24px;min-height:0;border:0;line-height:1.4}.reference-primary:hover:not(:disabled){background:#2ac7d9;transform:translateY(-2px)}.reference-secondary{display:block;width:max-content;margin:19px auto 27px;padding:10px;font-size:14px;font-weight:600}.reference-secondary .icon{width:17px;height:17px;margin-left:5px}.reference-checks{display:flex;justify-content:center;gap:24px;font-size:12px;color:var(--muted);white-space:nowrap}.reference-checks span::before{content:'✓';color:#279e87;margin-right:7px}.reference-scene{position:absolute;width:35%;top:75px;z-index:1;aspect-ratio:3/4}.reference-scene-left{left:0}.reference-scene-right{right:0}.reference-scene>img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}.reference-hotspots,.reference-leaders,.reference-names{position:absolute;inset:0;width:100%;height:100%}.reference-hotspots{overflow:visible;z-index:2}.reference-leaders{pointer-events:none;z-index:3;color:var(--muted)}.reference-leaders>path{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:0;visibility:hidden}.reference-leaders>path.is-visible{opacity:1;visibility:visible}.reference-names{pointer-events:none;z-index:4}.reference-name{position:absolute;max-width:58%;padding:8px 10px;border:1px solid var(--border);border-radius:18px;background:var(--reference-linen);color:var(--ink);font:600 12px/1.4 Arial,Helvetica,sans-serif;text-align:center;overflow-wrap:anywhere;opacity:0;visibility:hidden}.reference-name.is-visible{opacity:1;visibility:visible}.reference-name-potatoes{left:4%;top:16%}.reference-name-bread{right:2%;top:8%}.reference-name-carrots{left:4%;bottom:1%}.reference-name-honey{right:4%;top:10%}.reference-name-apples{left:2%;top:34%}.reference-name-eggs{right:4%;bottom:5%}.reference-popover.food-detail{position:fixed;width:300px;max-width:calc(100vw - 24px);min-height:0;background:rgba(255,255,255,.98);border:1px solid var(--border);box-shadow:0 12px 35px #173b4014;border-radius:16px;padding:18px;z-index:40;margin:0;gap:12px;animation:reference-appear .15s ease}.reference-popover[hidden]{display:none!important}.reference-popover::before{content:'';position:absolute;left:-8px;right:-8px;top:-20px;height:22px}.reference-popover.is-above::before{top:auto;bottom:-20px}.reference-popover .food-detail-copy>span{font-size:10px;letter-spacing:1px;text-transform:uppercase}.reference-popover .food-detail-copy>strong{font:700 18px/1.3 Arial,Helvetica,sans-serif;margin:6px 0 3px;letter-spacing:0}.reference-popover .food-detail-copy>p{font-size:24px;line-height:1.35}.reference-popover .food-detail-copy small{font-size:12px}.reference-popover .food-add{background:var(--cyan);border-radius:24px;padding:12px 14px;font-size:12px;min-width:0;min-height:44px;white-space:nowrap;color:var(--ink)}.reference-surface .pickup-bar{width:88%;max-width:1400px;margin:0 auto 20px;padding:25px 30px;gap:22px;border:1px solid var(--border);border-radius:18px;background:transparent}.reference-surface .pickup-location{gap:17px}.reference-surface .pickup-location div>span{display:block;font-size:9px;letter-spacing:1.2px;margin-bottom:7px;font-weight:400}.reference-surface .pickup-location strong{font-size:16px}.reference-surface .region-badge{font-size:10px;background:#e8f0ef;padding:5px 9px}.reference-surface .pickup-date{display:flex;font-size:12px;gap:14px}.reference-surface .pickup-bar>.text-link{font-size:12px}.reference-surface .feature-links{width:88%;max-width:1400px;padding-top:0;padding-bottom:12px}.reference-market-intro{padding-top:44px;padding-bottom:1px}.reference-market-intro .section-heading{margin-bottom:28px}.reference-layout .market-section{padding-top:28px}.reference-surface .reference-market-intro{--body:'DM Sans',Arial,sans-serif;--display:Manrope,Arial,sans-serif;font-family:var(--body)}@keyframes reference-appear{from{opacity:0}to{opacity:1}}html[data-theme=dark] .reference-layout .demo-strip{background:linear-gradient(110deg,#183c3d,#303e24);color:#dbece7}html[data-theme=dark] .reference-layout .site-header,html[data-theme=dark] .reference-surface{--ink:#e3efeb;--muted:#afbeb7;--border:#435048;--reference-linen:#1b2621;background-color:var(--reference-linen);background-image:linear-gradient(rgba(24,35,30,.93),rgba(24,35,30,.93)),url('assets/linen-weave.webp')}html[data-theme=dark] .reference-popover.food-detail{background:#192b29}html[data-theme=dark] .reference-surface .pickup-bar{background:transparent}html[data-theme=dark] .reference-surface .region-badge{background:#31423b}html[data-theme=dark] .reference-primary,html[data-theme=dark] .reference-popover .food-add{color:#142e32}@media(min-width:1600px){.reference-hero{min-height:800px}.reference-scene{top:65px}}@media(max-width:1100px){.reference-layout .nav-row{padding:0 25px}.reference-layout .main-nav{gap:20px}.reference-hero{min-height:640px;padding-top:75px}.reference-scene{top:135px}.reference-copy{width:50%}.reference-copy h1{letter-spacing:-2px}.reference-intro{font-size:14px}.reference-checks{gap:12px;font-size:10px}.reference-surface .pickup-bar{width:94%;padding:20px}.reference-surface .pickup-date{max-width:280px;line-height:1.6}.reference-surface .feature-links{width:94%}.reference-name{font-size:11px}}@media(max-width:1000px){.reference-layout .nav-row{height:78px;min-height:78px}.reference-layout .main-nav{top:78px;height:42px;background:var(--reference-linen);gap:28px;justify-content:center}.reference-layout .main-nav a{padding:12px 0;font-size:12px}.reference-layout .main-nav a[aria-current=page]::after{bottom:3px;width:4px;height:4px}.reference-layout .site-header{margin-bottom:42px}.reference-layout .nav-row .brand{font-size:32px}.reference-layout .nav-row .brand-mark svg{width:37px;height:37px;margin-right:9px}}@media(max-width:760px){.reference-layout .demo-strip{font-size:10px;padding:10px}.reference-layout .nav-row{min-height:78px;padding:0 20px}.reference-layout .nav-row .brand{font-size:29px}.reference-layout .nav-row .brand-mark svg{width:32px;height:32px;margin-right:8px}.reference-layout .cart-button{padding:10px;gap:8px;font-size:11px}.reference-layout .cart-count{width:27px;height:27px}.reference-layout .nav-actions{gap:5px}.reference-layout .nav-row .icon{width:18px;height:18px}.reference-layout .main-nav{gap:15px;justify-content:center}.reference-layout .main-nav a{font-size:10px}.reference-hero{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:0;padding:45px 0 0}.reference-copy{width:100%;padding:0 20px;order:0;max-width:650px}.reference-eyebrow{font-size:9px;margin-bottom:24px}.reference-copy h1{font-size:clamp(32px,7.5vw,54px);letter-spacing:-1.9px;line-height:1.14;margin-bottom:30px}.reference-intro{max-width:340px;font-size:14px;line-height:1.7;margin:30px auto 22px}.reference-copy .reference-primary{padding:17px 26px;font-size:14px}.reference-secondary{margin:12px auto 18px}.reference-checks{font-size:10px;gap:16px}.reference-scene{position:relative;top:auto;width:49.5%;margin-top:8px;order:1}.reference-name{font-size:10px;padding:6px 8px;max-width:90%;z-index:5}.reference-name-apples{top:30%;left:0}.reference-name-bread{right:0;top:7%}.reference-name-carrots{bottom:0;left:0}.reference-name-honey{right:0}.reference-name-eggs{right:0;bottom:4%}.reference-popover.food-detail{width:280px;flex-direction:row;align-items:center;gap:12px;max-width:calc(100vw - 24px)}.reference-popover .food-add{align-self:auto;font-size:11px;padding:12px}.reference-popover .food-detail-copy>strong{font-size:17px}.reference-surface .pickup-bar{margin-top:12px;padding:18px;flex-wrap:wrap;gap:18px}.reference-surface .pickup-date{order:3;max-width:none;width:100%;border-top:1px solid var(--border);padding-top:14px;display:flex}.reference-surface .pickup-date p{max-width:none}.reference-surface .pickup-location{gap:10px}.reference-surface .pickup-location strong{font-size:14px}.reference-surface .region-badge{display:none}.reference-surface .pickup-bar>.text-link{font-size:11px}.reference-market-intro{padding-top:30px}.reference-surface .feature-links{gap:0 18px}.reference-surface .feature-links a{font-size:11px}.reference-checks span::before{margin-right:5px}}@media(max-width:360px){.reference-layout .nav-row{padding-inline:14px;gap:10px}.reference-layout .nav-row .brand{font-size:26px}.reference-layout .nav-row .brand-mark svg{width:28px;margin-right:5px}.reference-layout .nav-actions{gap:2px}.reference-layout .main-nav{justify-content:flex-start;gap:14px}.reference-checks{font-size:9px;gap:11px}.reference-copy{padding-inline:15px}}@media(prefers-reduced-motion:reduce){.reference-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reference-primary:hover:not(:disabled){transform:none}}

/* Keep photographic edges clear of the source's centred copy without changing scene widths. */
.reference-scene-visual{position:relative;width:94%;aspect-ratio:3/4}.reference-scene-right .reference-scene-visual{margin-left:auto}.reference-scene-visual>img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}@media(min-width:761px) and (max-width:1100px){.reference-scene-visual{width:calc(100% - 100px)}}@media(max-width:760px){.reference-scene-visual{width:100%}}

.reference-hotspots .food-hotspot{pointer-events:fill}