/* Irfan Farms — landing page (index.php). Loaded only there, via page_head(..., ['css' => 'assets/landing.css', 'body' => 'lp-body']).
   Everything is lp- prefixed (classes, custom properties, keyframes) so it can't collide with site.css / theme.css.
   Type: Bricolage Grotesque (display) + Geist (text) + Caveat (hand-written). Motion: transform + opacity only. */
.lp-body{background:var(--lp-paper);color:var(--lp-ink);font-family:var(--lp-sans);font-size:15px;line-height:1.5;overflow-x:clip}
/* base resets carry no weight (:where), so every lp- rule below wins over them */
:where(.lp-body) a{color:inherit;text-decoration:none}
/* site.css turns every link navy on hover (a:hover) — on these pages links keep their own colour instead */
:where(.lp-body) a:hover{color:inherit}
.lp-cf-card:hover{color:var(--lp-txt)}
.lp-pc-img:hover{color:#fff}
.lp-ask-strip:hover,.lp-pc-btn:hover{color:var(--lp-ink)}
:where(.lp-body) img{display:block;max-width:100%}
:where(.lp-body) :is(h1,h2,h3,p){margin:0}
.lp-body{
  --lp-forest:#0F221A; --lp-moss:#173427; --lp-deep:#0B1410; --lp-ink:#0B1410;
  --lp-paper:#F3F2ED; --lp-paper-2:#E1DFD6; --lp-line:rgba(243,242,237,.22); --lp-line-d:rgba(11,20,16,.14);
  --lp-txt:#FFFFFF; --lp-txt-2:rgba(214,224,217,.78); --lp-mute:#62685F;
  --lp-lime:#D4F36C; --lp-lime-hi:#E2FA88; --lp-leaf:#3F6B1E;
  --lp-display:"Bricolage Grotesque",system-ui,sans-serif; --lp-sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --lp-glass:rgba(11,20,16,.42);
  --lp-ease:cubic-bezier(.2,.7,.2,1);
}
.lp-ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lp-shell{width:min(1280px,100% - 32px);margin-inline:auto}
@media (min-width:900px){.lp-shell{width:min(1280px,100% - 128px)}}

/* ——— Hero ——— */
.lp-hero{--lp-txt:var(--lp-ink);--lp-txt-2:#4A524C;--lp-line:rgba(11,20,16,.16);--lp-glass:rgba(255,255,255,.72);
  position:relative;min-height:min(84svh,760px);color:var(--lp-txt);overflow:hidden;border-bottom:1px solid var(--lp-line-d);
  background:radial-gradient(110% 90% at 72% 52%,#FDFCF8 0%,var(--lp-paper) 52%,#EAE9E1 100%)}
.lp-hero-in{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;padding:26px 0 32px}

.lp-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.lp-logo{display:flex;align-items:center;gap:10px;font-weight:500;font-size:19px;letter-spacing:-.01em}
.lp-logo-mark{width:38px;height:38px;border:1.5px solid var(--lp-txt);border-radius:11px;display:grid;place-items:center}
.lp-logo-mark .lp-ic{width:20px;height:20px}
.lp-menu{display:flex;align-items:center;gap:0;font-size:13.5px}
.lp-menu a{padding:6px 2px;opacity:.9}
.lp-menu a:hover,.lp-menu a.on{opacity:1}
.lp-menu a.on{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.lp-menu i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6;margin:0 22px}
.lp-tools{display:flex;justify-content:flex-end;align-items:center;gap:20px;font-size:13px}
.lp-tools a,.lp-tools button{display:flex;align-items:center;gap:4px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;position:relative}
.lp-tools .lp-n{position:absolute;top:-6px;right:-9px;min-width:15px;height:15px;border-radius:8px;background:var(--lp-lime);color:var(--lp-ink);font-size:9.5px;font-weight:600;display:grid;place-items:center;padding:0 3px}
.lp-only-m{display:none}

.lp-hero-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;padding-top:48px}
.lp-proof{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 12px;border:1px solid var(--lp-line);border-radius:999px;font-size:13px;color:var(--lp-txt-2)}
.lp-proof b{color:var(--lp-txt);font-weight:500}
/* The newest journal story: a pill at the right of the hero bottom, just above the featured banner */
.lp-hero-news{display:flex;justify-content:flex-end;margin:0 0 12px}
.lp-proof-new{min-width:min(350px,100%);max-width:min(470px,100%);text-decoration:none;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s,background .15s}
.lp-proof-new:hover{border-color:rgba(11,20,16,.35);background:rgba(255,255,255,.85)}
.lp-proof-new>span:nth-child(2){min-width:0;flex:1 1 auto;display:inline-flex;align-items:center;gap:8px}
.lp-proof-new b{flex:none;padding:1px 8px;border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);font-size:11px;font-weight:600;letter-spacing:.02em}
.lp-proof-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* the pill holds both stories on top of each other and fades between them (see the script after the pill in index.php) */
.lp-news-stage{flex:1 1 auto;min-width:0;display:grid}
.lp-news-item{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}   /* the old title fades out first … */
.lp-news-item.on{opacity:1;visibility:visible;transform:none;transition-delay:.28s}   /* … then the new one fades in, so the two never overlap */
@media (prefers-reduced-motion:reduce){.lp-news-item{transition:none}}
.lp-proof-new .lp-ic{flex:none;width:13px;height:13px;opacity:.7;transition:transform .15s}
.lp-proof-new:hover .lp-ic{transform:translateX(2px);opacity:1}

.lp-body h1{font-family:var(--lp-display);font-weight:700;font-size:clamp(40px,5.7vw,86px);line-height:.94;letter-spacing:-.05em;margin:30px 0 24px}
.lp-body em{font-style:normal}
.lp-body h1 .lp-lime{color:#6FA80F}   /* lime family, deep enough to read on off-white (plain --lp-lime is near-invisible here) */
.lp-dark .lp-h2 em,.lp-visit .lp-h2 em,.lp-track h3 em{color:var(--lp-lime)}
.lp-h2 em{color:var(--lp-leaf)}
.lp-body h1 span{white-space:nowrap}
.lp-lead{max-width:340px;margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--lp-txt-2)}   /* small print under the main button */
.lp-cta{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:7px 26px 7px 7px;border:1px solid var(--lp-line);border-radius:999px;
  font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.04);
  transition:background .35s var(--lp-ease),border-color .35s var(--lp-ease)}
.lp-cta:hover{background:rgba(255,255,255,.1);border-color:rgba(212,243,108,.6)}
.lp-hero .lp-cta{background:rgba(255,255,255,.6);margin-top:26px;padding:5px 18px 5px 5px;gap:10px;font-size:11.5px;letter-spacing:.07em}
.lp-hero .lp-cta .lp-dot{width:34px;height:34px}
.lp-hero .lp-cta .lp-dot .lp-ic{width:14px;height:14px}   /* compact main button */
.lp-hero .lp-cta:hover{background:#fff;border-color:rgba(11,20,16,.4)}
.lp-cta .lp-dot{width:44px;height:44px;border-radius:50%;background:var(--lp-lime);color:var(--lp-ink);display:grid;place-items:center}
.lp-cta .lp-dot .lp-ic{width:16px;height:16px}
.lp-cta-2{margin-left:18px;font-size:13px;color:var(--lp-txt-2);border-bottom:1px solid var(--lp-line);padding-bottom:2px}
.lp-cta-2:hover{color:var(--lp-txt)}

/* The hero picture: a single product cut-out (no photo, no frame), centred; all cut-outs share one square size. */
.lp-obj{position:relative;align-self:stretch;min-height:500px}
.lp-prod{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.lp-prod img{width:min(100%,580px);height:auto;aspect-ratio:1;filter:drop-shadow(0 26px 22px rgba(11,20,16,.16))}   /* every product image is the same 1000x1000 square, subject centred */
.lp-tag{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 15px 9px 11px;border-radius:999px;font-size:12.5px;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(11,20,16,.45);
  background:rgba(255,255,255,.94);border:1px solid var(--lp-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lp-tag b{font-weight:600}
.lp-tag small{color:var(--lp-txt-2);font-size:11.5px}
.lp-tag-1{left:2%;top:6%;z-index:2}
.lp-tag-2{right:0;bottom:6%;z-index:2}
.lp-pulse{width:7px;height:7px;border-radius:50%;background:var(--lp-lime);box-shadow:0 0 0 4px rgba(212,243,108,.2)}

.lp-hero .lp-pulse{box-shadow:0 0 0 1.5px var(--lp-leaf)}

/* Handwritten touches (Caveat): the slogan by the logo, and a signed line under the headline.
   `rotate` (not transform) so it stacks with the load animation's transform. */
.lp-logo-txt{display:grid;line-height:1.05}
.lp-slogan{font:700 19px/1 "Caveat",cursive;font-style:normal;color:var(--lp-leaf);rotate:-4deg;margin:1px 0 -12px 30px;letter-spacing:.01em}
.lp-sign{position:relative;display:block;width:max-content;margin:-6px 0 22px 250px;font:600 clamp(26px,2.3vw,34px)/1 "Caveat",cursive;color:var(--lp-leaf);rotate:-3deg}
.lp-sign svg{position:absolute;left:-2%;right:-4%;bottom:-12px;width:106%;height:12px;fill:none;stroke:var(--lp-lime);stroke-width:4;stroke-linecap:round}

/* ——— Below the fold ——— */
.lp-sec{padding:88px 0}
.lp-label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-mute)}
.lp-label b{color:var(--lp-ink);font-weight:600}
.lp-h2{font-family:var(--lp-display);font-weight:700;font-size:clamp(34px,4.2vw,58px);line-height:.98;letter-spacing:-.045em;margin-top:12px}
.lp-head{display:grid;grid-template-columns:1fr minmax(0,380px);gap:32px;align-items:end;margin-bottom:36px}
.lp-head p{color:var(--lp-mute);font-size:14.5px}
.lp-live{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;font-weight:500}

.lp-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:5px 10px;border-radius:999px;background:var(--lp-glass);border:1px solid var(--lp-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp-go{width:36px;height:36px;border-radius:50%;border:1px solid var(--lp-line);display:grid;place-items:center;background:var(--lp-glass);transition:background .35s var(--lp-ease),color .35s var(--lp-ease)}
.lp-go .lp-ic{width:15px;height:15px}
.lp-num{font-size:10.5px;letter-spacing:.08em;color:var(--lp-txt-2);text-transform:uppercase}
.lp-price{text-align:right;flex:none}
.lp-price small{display:block;font-size:10.5px;color:var(--lp-txt-2);text-transform:uppercase;letter-spacing:.08em}
.lp-price b{font-weight:600;font-size:15px}
.lp-price b span{font-weight:400;font-size:12px;color:var(--lp-txt-2)}

.lp-dark{background:var(--lp-forest);color:var(--lp-txt)}
.lp-dark .lp-label,.lp-dark .lp-head p{color:var(--lp-txt-2)}
.lp-dark .lp-label b{color:var(--lp-txt)}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}
.lp-stat{padding:26px 24px 24px 0}
.lp-stat+.lp-stat{padding-left:24px;border-left:1px solid var(--lp-line)}
.lp-stat b{display:block;font-family:var(--lp-display);font-weight:700;font-size:clamp(44px,5vw,68px);line-height:1;letter-spacing:-.05em}
.lp-stat b sup{font-size:.45em;color:var(--lp-lime);margin-left:2px}
.lp-stat span{display:block;margin-top:10px;font-size:13.5px}
.lp-stat small{font-size:12px;color:var(--lp-txt-2)}
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.lp-card{border:1px solid var(--lp-line);border-radius:10px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
.lp-card .lp-ic{grid-row:span 2;width:20px;height:20px;margin-top:2px;color:var(--lp-lime)}
.lp-card h3{font-size:14.5px;font-weight:600}
.lp-card p{font-size:13px;color:var(--lp-txt-2)}
.lp-track{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:10px;padding:18px 18px 18px 24px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--lp-line)}
.lp-track h3{font-family:var(--lp-display);font-weight:700;font-size:26px;letter-spacing:-.04em}
.lp-track p{font-size:13px;color:var(--lp-txt-2)}
.lp-track form{display:flex;gap:8px;flex:0 1 460px}
.lp-track input{flex:1;min-width:0;height:52px;border-radius:999px;border:1px solid var(--lp-line);background:transparent;color:var(--lp-txt);padding:0 22px;font:inherit;font-size:14px;letter-spacing:.04em}
.lp-track input::placeholder{color:rgba(214,224,217,.45)}
.lp-track input:focus{outline:none;border-color:var(--lp-lime)}
.lp-track .lp-cta{margin:0;padding-right:22px;border-color:transparent;background:var(--lp-lime);color:var(--lp-ink);cursor:pointer;font-family:inherit}
.lp-track .lp-cta .lp-dot{background:var(--lp-ink);color:var(--lp-lime)}
.lp-track .lp-cta .lp-dot{width:38px;height:38px}

.lp-visit{position:relative;border-radius:22px;overflow:hidden;color:var(--lp-txt);min-height:380px;display:flex;align-items:flex-end}
.lp-visit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.lp-visit::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,20,16,.9) 0%,rgba(11,20,16,.66) 42%,rgba(11,20,16,.1) 100%),linear-gradient(to top,rgba(11,20,16,.5),transparent 60%)}
.lp-visit-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;width:100%;padding:40px}
.lp-visit .lp-label{color:var(--lp-txt-2)}
.lp-visit .lp-label b{color:var(--lp-txt)}
.lp-visit p{max-width:420px;margin-top:12px;color:var(--lp-txt-2);font-size:14px}
.lp-visit .lp-cta{margin-top:26px}
.lp-contact{min-width:230px;border-radius:14px;padding:16px 18px;background:var(--lp-glass);border:1px solid var(--lp-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px}
.lp-contact small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-txt-2)}
.lp-contact b{font-weight:500;font-size:15px}
.lp-contact hr{border:0;border-top:1px solid var(--lp-line);margin:12px 0}


/* Hero product change — a seamless crossover on the same spot: the current product eases back (settles down a touch and
   fades) while the next one settles into place from slightly larger, overlapping so there is never an empty moment.
   Transform + opacity only. The first product settles in once on load. */
.lp-prod{opacity:0;transform:translateY(10px) scale(1.05);transition:opacity 1s var(--lp-ease) .12s,transform 1.3s var(--lp-ease) .12s}
.lp-prod.on{opacity:1;transform:none}
.lp-prod.out{opacity:0;transform:translateY(-4px) scale(.95);transition:opacity .75s var(--lp-ease),transform 1s var(--lp-ease)}
.lp-obj .lp-tag{transition:opacity .22s var(--lp-ease),transform .22s var(--lp-ease)}
.lp-obj .lp-tag.swap{opacity:0;transform:translateY(4px)}
.lp-tag-2:hover{background:#fff;border-color:rgba(11,20,16,.35)}
.lp-obj-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(6% + 10px);display:flex;gap:4px}
.lp-obj-dots[hidden]{display:none}
.lp-obj-dots button{width:34px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;align-items:center}
.lp-obj-dots i{position:relative;display:block;height:3px;border-radius:2px;background:rgba(11,20,16,.16);overflow:hidden}
.lp-obj-dots i::after{content:"";position:absolute;inset:0;background:var(--lp-ink);transform:scaleX(0);transform-origin:0 50%}
.lp-obj-dots .on i::after{animation:lp-fill 5s linear forwards}
.lp-obj:hover .lp-obj-dots .on i::after{animation-play-state:paused}
.lp-obj-dots button:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px;border-radius:4px}

/* Offerings carousel: one product in front, neighbours peeking left and right. Positions are set by the script. */
#offer{overflow-x:clip}
.lp-cf-wrap{position:relative}
.lp-cf{position:relative;height:375px;outline:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.lp-cf:focus-visible{box-shadow:0 0 0 2px var(--lp-leaf);border-radius:26px}
.lp-cf-card{--lp-w:min(570px,48%);position:absolute;top:0;left:50%;width:var(--lp-w);height:100%;border-radius:20px;overflow:hidden;color:var(--lp-txt);background:var(--lp-moss);
  transform:translateX(-50%);opacity:0;transition:transform .7s var(--lp-ease),opacity .7s var(--lp-ease);box-shadow:0 34px 60px -34px rgba(11,20,16,.55);cursor:pointer}
.lp-cf-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.lp-cf-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,20,16,.94) 0%,rgba(11,20,16,.72) 34%,rgba(11,20,16,.12) 62%,rgba(11,20,16,.05));}
.lp-cf-card::before{content:"";position:absolute;inset:0;z-index:3;background:var(--lp-paper);opacity:0;transition:opacity .7s var(--lp-ease);pointer-events:none}
.lp-cf-card:not(.on)::before{opacity:.38}
.lp-cf-card.on{cursor:default}
.lp-cf-in{position:absolute;inset:0;z-index:2;padding:16px 20px 18px;display:flex;flex-direction:column;justify-content:space-between}
.lp-cf-top{display:flex;gap:6px}
.lp-cf-card h3{font-family:var(--lp-display);font-weight:700;font-size:clamp(24px,2.7vw,39px);line-height:.95;letter-spacing:-.05em;margin-top:6px}
.lp-cf-card h3 em{color:var(--lp-lime)}
.lp-cf-more{transition:opacity .5s var(--lp-ease),transform .5s var(--lp-ease)}
.lp-cf-card:not(.on) .lp-cf-more{opacity:0;transform:translateY(10px)}
.lp-cf-more p{font-size:12.5px;line-height:1.45;color:var(--lp-txt-2);max-width:400px;margin-top:6px}
.lp-cf-facts{display:flex;gap:0;margin-top:10px;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}
.lp-cf-facts span{flex:1;padding:7px 10px 7px 0}
.lp-cf-facts span+span{padding-left:10px;border-left:1px solid var(--lp-line)}
.lp-cf-facts small{display:block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-txt-2)}
.lp-cf-facts b{font-weight:600;font-size:12.5px}
.lp-cf-buy{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.lp-cf-buy .lp-price{text-align:left}
.lp-cf-buy .lp-price b{font-size:17px;letter-spacing:-.02em}
.lp-cta-sm{margin:0;padding:4px 16px 4px 4px;gap:10px;font-size:11px;white-space:nowrap}
.lp-cta-sm .lp-dot{width:32px;height:32px}
.lp-cf-card.on:hover .lp-cta-sm{background:rgba(255,255,255,.1);border-color:rgba(212,243,108,.6)}

.lp-cf-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:22px}
.lp-cf-count{font-size:13px;color:var(--lp-mute);font-variant-numeric:tabular-nums;min-width:64px}
.lp-cf-count b{color:var(--lp-ink);font-weight:600}
.lp-cf-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.lp-cf-tab{position:relative;overflow:hidden;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--lp-line-d);background:transparent;color:var(--lp-mute);font:500 13px var(--lp-sans);cursor:pointer;
  transition:background .3s var(--lp-ease),color .3s var(--lp-ease),border-color .3s var(--lp-ease)}
.lp-cf-tab:hover{color:var(--lp-ink);border-color:rgba(11,20,16,.35)}
.lp-cf-tab.on{background:var(--lp-ink);color:var(--lp-txt);border-color:var(--lp-ink)}
.lp-cf-tab span{position:relative;z-index:1}
.lp-cf-tab i{position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--lp-lime);transform:scaleX(0);transform-origin:0 50%}
.lp-cf-wrap.run .lp-cf-tab.on i{animation:lp-fill 6.5s linear forwards}
.lp-cf-wrap:hover .lp-cf-tab.on i,.lp-cf-wrap:focus-within .lp-cf-tab.on i{animation-play-state:paused}
@keyframes lp-fill{to{transform:scaleX(1)}}
.lp-cf-arrows{display:flex;gap:8px}
.lp-cf-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--lp-line-d);background:transparent;color:var(--lp-ink);display:grid;place-items:center;cursor:pointer;
  transition:background .3s var(--lp-ease),color .3s var(--lp-ease),border-color .3s var(--lp-ease)}
.lp-cf-btn:hover{background:var(--lp-ink);color:var(--lp-lime);border-color:var(--lp-ink)}
.lp-cf-btn:focus-visible,.lp-cf-tab:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}

.lp-ask-strip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:24px;margin-top:28px;padding:18px 18px 18px 26px;border-radius:18px;background:var(--lp-lime);color:var(--lp-ink)}
.lp-ask-strip .lp-label{color:rgba(11,20,16,.6)}
.lp-ask-strip h3{font-family:var(--lp-display);font-weight:700;font-size:22px;letter-spacing:-.04em}
.lp-ask-strip p{font-size:13.5px;color:rgba(11,20,16,.7)}
.lp-ask-strip .lp-go{background:transparent;border-color:rgba(11,20,16,.2);width:44px;height:44px}
.lp-ask-strip:hover .lp-go{background:var(--lp-ink);color:var(--lp-lime)}

/* Load + reveal: opacity/translate only, one easing, one duration. */
.lp-ld{opacity:0;transform:translateY(14px);animation:lp-up .8s var(--lp-ease) forwards;animation-delay:calc(var(--lp-d,0) * 90ms)}
@keyframes lp-up{to{opacity:1;transform:none}}
.lp-rv{opacity:0;transform:translateY(14px);transition:opacity .8s var(--lp-ease),transform .8s var(--lp-ease);transition-delay:calc(var(--lp-i,0) * 90ms)}
.lp-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lp-ld,.lp-rv{opacity:1;transform:none;animation:none;transition:none}
  .lp-obj-dots .on i::after{animation:none;transform:scaleX(1)}.lp-prod,.lp-obj .lp-tag{transition:none}.lp-cf-wrap.run .lp-cf-tab.on i{animation:none}.lp-cf-card,.lp-cf-more{transition:none}}

/* ——— Tablet / phone ——— */
@media (max-width:1020px){
  .lp-menu{display:none}
  .lp-top{grid-template-columns:1fr auto}
  .lp-only-m{display:flex}
  .lp-hide-m{display:none!important}
  .lp-hero-grid{grid-template-columns:1fr;padding-top:28px}
  .lp-obj{order:-1;min-height:300px;margin:-8px -16px 0}
  .lp-head{grid-template-columns:1fr}
  .lp-cf{height:352px}
  .lp-cf-card{--lp-w:60%}
  .lp-cf-bar{grid-template-columns:1fr auto}
  .lp-cf-tabs{grid-column:1 / -1;grid-row:1;justify-content:flex-start}
  .lp-ask-strip{grid-template-columns:1fr auto;gap:6px 16px}
  .lp-ask-strip .lp-label,.lp-ask-strip h3,.lp-ask-strip p{grid-column:1}
  .lp-ask-strip .lp-go{grid-column:2;grid-row:1 / span 3}
  .lp-cards{grid-template-columns:1fr}
  .lp-track{flex-direction:column;align-items:stretch}
  .lp-track form{flex:none}
  .lp-visit-in{grid-template-columns:1fr;padding:28px}
}
@media (max-width:600px){
  .lp-hero-in{padding:16px 0 22px}
  .lp-logo{font-size:17px}
  .lp-logo-mark{width:34px;height:34px}
  .lp-tools{gap:16px}
  .lp-obj{min-height:250px}
  .lp-tag-1{left:16px;top:10%}
  .lp-tag-2{right:16px;bottom:10%}
  .lp-tag-2 small{display:none}
  .lp-body h1{margin:22px 0 16px;font-size:clamp(32px,10.2vw,46px)}
  .lp-cta{margin-top:24px}
  .lp-cta-2{display:none}
  .lp-sec{padding:60px 0}
  .lp-cf{height:480px}
  .lp-cf-card{--lp-w:86%;border-radius:22px}
  .lp-cf-in{padding:16px 16px 18px}
  .lp-cf-more p{font-size:13px}
  .lp-cf-facts b{font-size:13px}
  .lp-cf-buy .lp-price b{font-size:19px}
  .lp-cf-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .lp-cf-tab{flex:none}
  .lp-stats{grid-template-columns:1fr}
  .lp-stat{padding:18px 0!important;border-left:0!important}
  .lp-stat+.lp-stat{border-top:1px solid var(--lp-line)}
  .lp-track form{flex-direction:column}
  .lp-track .lp-cta{justify-content:space-between}
  .lp-visit{min-height:460px}
}

/* Header: printed by page_head() above <main>, laid over the top of the hero. */
.lp-hdr{--lp-txt:var(--lp-ink);--lp-txt-2:#4A524C;--lp-line:rgba(11,20,16,.16);
  position:absolute;top:0;left:0;right:0;z-index:20;padding-top:26px;color:var(--lp-ink)}
.lp-pulse.off{background:#B7B8AE;box-shadow:0 0 0 1.5px rgba(11,20,16,.2)}   /* not live (coming soon / under offer / sold out) */
.lp-body .lp-hero-in{padding-top:92px}
.lp-hdr .lp-top{position:relative}
.lp-sheet{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;display:grid;padding:8px;border-radius:16px;background:#fff;
  border:1px solid rgba(11,20,16,.1);box-shadow:0 24px 50px -24px rgba(11,20,16,.45);font-size:14px}
.lp-sheet[hidden]{display:none}
.lp-sheet a{padding:10px 12px;border-radius:10px}
.lp-sheet a:hover{background:#F3F2ED}
.lp-logo-img{display:block;width:auto;height:53px}
/* menu icons: faint outline icons that come up to full strength on hover and on the current page */
.lp-menu a{display:inline-flex;align-items:center;gap:6px}
.lp-menu-ic{width:15px;height:15px;opacity:.38;transition:opacity .25s var(--lp-ease)}
.lp-menu a:hover .lp-menu-ic,.lp-menu a.on .lp-menu-ic{opacity:.9}
/* Log in (right side of the header); once logged in, an account menu: My account · Change password · Log out */
.lp-login{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 8px;border:1px solid rgba(11,20,16,.18);border-radius:999px;
  font:500 12px var(--lp-sans);color:var(--lp-ink);cursor:pointer;list-style:none;transition:border-color .25s var(--lp-ease),background .25s var(--lp-ease)}
.lp-login::-webkit-details-marker{display:none}
.lp-login:hover,.lp-login.on,.lp-acct[open] .lp-login{border-color:var(--lp-ink);background:#fff}
.lp-login .lp-ic{width:14px;height:14px}
.lp-login .lp-caret{width:13px;height:13px;margin-left:-2px;transition:transform .25s var(--lp-ease)}
.lp-acct[open] .lp-caret{transform:rotate(180deg)}
.lp-acct{position:relative}
.lp-acct-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;min-width:210px;display:grid;padding:8px;border-radius:16px;background:#fff;
  border:1px solid rgba(11,20,16,.1);box-shadow:0 24px 50px -24px rgba(11,20,16,.45);font-size:14px}
.lp-acct-pop a,.lp-acct-pop button,.lp-sheet button{display:block;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--lp-ink);font:inherit;text-align:left;cursor:pointer}
.lp-acct-pop a:hover,.lp-acct-pop button:hover,.lp-sheet button:hover{background:#F3F2ED}
.lp-acct-pop form{margin:4px 0 0;padding-top:4px;border-top:1px solid rgba(11,20,16,.08)}
.lp-acct-pop a{display:flex;align-items:center;gap:10px}
.lp-acct-pop .ic{width:15px;height:15px;opacity:.55}
.lp-acc-head{margin-bottom:22px}
.lp-acct-pop button{color:#8C1D12}
.lp-sheet form{margin:0}
.lp-login:focus-visible,.lp-acct-pop :focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-tools a:focus-visible,.lp-tools button:focus-visible,.lp-menu a:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:3px;border-radius:6px}
@media (max-width:600px){.lp-logo-img{height:36px}.lp-login span,.lp-login .lp-caret{display:none}.lp-login{width:30px;padding:0;justify-content:center}.lp-body{font-size:14px}.lp-hdr{padding-top:16px}.lp-body .lp-hero-in{padding-top:72px}.lp-sign{margin-left:auto}}

/* ======================================================================================================
   Shop page (shop.php) — same language as the home page: off-white, white rounded cards, lime pill buttons.
   (Everything above this block was generated from the approved mock; hand edits from here on.)
   ====================================================================================================== */
.lp-phero{position:relative;--lp-txt:var(--lp-ink);--lp-txt-2:#4A524C;--lp-line:rgba(11,20,16,.16)}   /* compact: the products are the focus */
.lp-phero-in{padding:124px 0 0}
.lp-phead{position:relative;display:inline-block}
.lp-body .lp-phero h1{margin:0;font-size:clamp(28px,3.1vw,44px);line-height:1;letter-spacing:-.045em}
.lp-phero h1 span{white-space:nowrap}
.lp-phero .lp-sign{margin:8px 0 0 auto;font-size:clamp(19px,1.6vw,24px)}   /* hand-written, under the heading, ending at its right edge */
.lp-phero .lp-sign svg{bottom:-8px;height:9px;stroke-width:3.5}
.lp-phero-lead{margin-top:10px;font-size:13px;line-height:1.5;color:var(--lp-txt-2);white-space:nowrap}
.lp-body .lp-shop{padding-top:30px}
.lp-sec-tight{padding:40px 0}

/* compact pills: product filters and the "Gur in your day" tabs */
.lp-shop-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.lp-shop-bar .lp-bulk{font-size:12.5px}
.lp-pills{display:flex;gap:4px;flex-wrap:wrap}
.lp-pills a,.lp-pills button{height:32px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--lp-line-d);background:transparent;
  color:var(--lp-mute);font:500 12.5px var(--lp-sans);cursor:pointer;transition:background .3s var(--lp-ease),color .3s var(--lp-ease),border-color .3s var(--lp-ease)}
.lp-pills a:hover,.lp-pills button:hover{color:var(--lp-ink);border-color:rgba(11,20,16,.35)}
.lp-pills [aria-current="true"],.lp-pills [aria-selected="true"],
.lp-pills [aria-current="true"]:hover,.lp-pills [aria-selected="true"]:hover{background:var(--lp-ink);color:#fff;border-color:var(--lp-ink)}   /* the chosen one stays white on black, hovered or not */
.lp-pills :focus-visible,.lp-bulk:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-bulk{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;border-bottom:1px solid var(--lp-line-d);padding-bottom:2px}
.lp-bulk .lp-ic{width:14px;height:14px}
.lp-empty{color:var(--lp-mute)}

/* product cards (compact: short photo, tight body) */
.lp-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.lp-pc{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(11,20,16,.08);
  box-shadow:0 24px 40px -34px rgba(11,20,16,.45);transition:box-shadow .35s var(--lp-ease)}
.lp-pc[hidden]{display:none}
.lp-pc:hover{box-shadow:0 30px 50px -30px rgba(11,20,16,.5)}
.lp-pc-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--lp-paper-2);color:#fff}
.lp-pc-img img,.lp-pc-img svg.scene{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--lp-ease)}
.lp-pc:hover .lp-pc-img img{transform:scale(1.03)}
.lp-pc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,20,16,.35),transparent 40%);pointer-events:none}
.lp-pc-chips{position:absolute;z-index:1;left:12px;top:12px;right:56px;display:flex;flex-wrap:wrap;gap:6px}
.lp-chip-lime{background:var(--lp-lime);color:var(--lp-ink);border-color:transparent;font-weight:600}
.lp-pc-pics{position:absolute;z-index:1;right:12px;bottom:12px}
.lp-pc-pics .lp-ic{width:13px;height:13px}
.lp-wish{position:absolute;z-index:1;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--lp-line);background:var(--lp-glass);color:#fff;
  display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s var(--lp-ease),color .3s var(--lp-ease)}
.lp-wish .lp-ic{width:16px;height:16px}
.lp-wish[aria-pressed="true"]{background:var(--lp-lime);color:var(--lp-ink)}
.lp-wish[aria-pressed="true"] .lp-ic{fill:currentColor}
.lp-wish:focus-visible{outline:2px solid var(--lp-lime);outline-offset:2px}
.lp-pc-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:14px 16px 4px}
.lp-pc-num{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-pc h3{font-family:var(--lp-display);font-weight:700;font-size:22px;line-height:1;letter-spacing:-.045em}
.lp-pc h3 em{color:#6FA80F}
.lp-pc-sub{font-size:13px;color:var(--lp-mute)}
.lp-pc-rate{font-size:12.5px;color:var(--lp-mute)}
.lp-stars{color:#E0A527;letter-spacing:1px;margin-right:4px}
.lp-stars.is-off{color:#D9D8CF}
.lp-pc-facts{display:grid;grid-template-columns:1fr 1fr;margin:2px 0;border-top:1px solid var(--lp-line-d)}
.lp-pc-facts div{padding:5px 8px 5px 0;border-bottom:1px solid var(--lp-line-d)}
.lp-pc-facts div:nth-child(even){padding-left:8px;border-left:1px solid var(--lp-line-d)}
.lp-pc-facts dt{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-pc-facts dd{margin:0;font-size:12.5px;font-weight:600}
.lp-pc-price{margin-top:auto;padding-top:2px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.lp-pc-price small{width:100%;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-pc-price b{font-family:var(--lp-display);font-weight:700;font-size:21px;letter-spacing:-.03em}
.lp-pc-price .lp-unit{font:400 13px var(--lp-sans);letter-spacing:0;color:var(--lp-mute)}
.lp-pc-price s{font-size:13px;color:var(--lp-mute)}
.lp-nego{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);font-size:10px;font-weight:600;letter-spacing:.06em;vertical-align:1px}
.lp-save{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(212,243,108,.5)}
.lp-pc-price [hidden]{display:none}
.lp-select{height:38px;border-radius:999px;border:1px solid var(--lp-line-d);background:#fff;padding:0 36px 0 16px;font:500 13px var(--lp-sans);color:var(--lp-ink);
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1410' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:14px}
.lp-select:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-pc-foot{display:flex;align-items:center;gap:14px;padding:10px 16px 16px}
.lp-pc-btn{flex:1;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 5px;border-radius:999px;border:0;background:var(--lp-lime);color:var(--lp-ink);
  font:600 12px var(--lp-sans);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .3s var(--lp-ease)}
.lp-pc-btn .lp-dot{width:32px;height:32px;border-radius:50%;background:var(--lp-ink);color:var(--lp-lime);display:grid;place-items:center}
.lp-pc-btn .lp-dot .lp-ic{width:15px;height:15px}
.lp-pc-btn:hover{background:var(--lp-lime-hi)}
.lp-pc-btn:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-pc-btn:disabled,.lp-pc-btn.is-off{background:#ECEBE4;color:var(--lp-mute);cursor:not-allowed;justify-content:center;padding:0 18px}
.lp-pc-btn:disabled .lp-dot{display:none}
/* "Coming soon" keeps its arrow (muted), laid out like the live buttons; "Sold out" stays plain */
.lp-pc-btn.is-soon:disabled{justify-content:flex-start;padding:0 18px 0 5px}
.lp-pc-btn.is-soon:disabled .lp-dot{display:grid;background:#D6D4CA;color:var(--lp-mute)}
.lp-pc-btn.is-busy{opacity:.7}
.lp-pc-link{font-size:13px;font-weight:500;border-bottom:1px solid var(--lp-line-d);padding-bottom:2px}
.lp-notify{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 18px 18px 24px;border-radius:18px;background:#fff;border:1px solid var(--lp-line-d)}
.lp-notify label{font-size:14px}
.lp-notify div{display:flex;gap:8px}
.lp-notify input{height:48px;border-radius:999px;border:1px solid var(--lp-line-d);padding:0 18px;font:inherit}
.lp-notify .lp-cta{margin:0;border-color:transparent;background:var(--lp-lime);color:var(--lp-ink);padding:5px 18px 5px 5px;gap:10px;font-size:11.5px}
.lp-notify .lp-cta .lp-dot{width:38px;height:38px;background:var(--lp-ink);color:var(--lp-lime)}

/* how it's made: a rounded dark card, same as the trace box */
.lp-made{padding:40px;border-radius:24px}
.lp-made .lp-head{margin-bottom:26px}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--lp-line)}
.lp-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 16px 6px 0}
.lp-steps li+li{padding-left:16px;border-left:1px solid var(--lp-line)}
.lp-step-n{font-size:11px;letter-spacing:.08em;color:var(--lp-txt-2)}
.lp-step-ic{width:44px;height:44px;margin:6px 0 8px;border-radius:14px;background:var(--lp-lime);color:var(--lp-ink);display:grid;place-items:center}
.lp-step-ic .ic{width:21px;height:21px}
.lp-steps b{font-family:var(--lp-display);font-weight:700;font-size:19px;letter-spacing:-.03em}
.lp-steps small{font-size:12.5px;color:var(--lp-txt-2)}

/* gur in your day */
.lp-uses{display:grid;gap:14px}
.lp-use{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:30px;border-radius:22px;background:#fff;border:1px solid rgba(11,20,16,.08)}
.lp-use[hidden]{display:none}
.lp-use-ic{width:120px;height:120px;border-radius:50%;background:var(--lp-lime);display:grid;place-items:center;color:var(--lp-ink)}
.lp-use-ic .ic{width:46px;height:46px}
.lp-use h3{font-family:var(--lp-display);font-weight:700;font-size:28px;letter-spacing:-.04em}
.lp-use p{max-width:560px;margin-top:8px;font-size:14.5px;color:var(--lp-mute)}
.lp-use .lp-cta{margin-top:18px;border-color:var(--lp-line-d);background:transparent;padding:5px 18px 5px 5px;gap:10px;font-size:11.5px}
.lp-use .lp-cta .lp-dot{width:36px;height:36px}
.lp-use .lp-cta:hover{background:#fff;border-color:rgba(11,20,16,.4)}

/* trace */
.lp-trace{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:40px;border-radius:24px;background:var(--lp-forest);color:#fff}
.lp-trace:not(:has(.lp-tl)){grid-template-columns:1fr}   /* no public steps to list yet */
.lp-trace .lp-label{color:var(--lp-txt-2)}
.lp-trace .lp-label b{color:#fff}
.lp-trace .lp-h2 em{color:var(--lp-lime)}
.lp-trace form{display:flex;gap:8px;margin-top:22px;max-width:520px}
.lp-trace input{flex:1;min-width:0;height:52px;border-radius:999px;border:1px solid var(--lp-line);background:transparent;color:#fff;padding:0 22px;font:inherit;font-size:14px;letter-spacing:.04em}
.lp-trace input::placeholder{color:rgba(214,224,217,.45)}
.lp-trace input:focus{outline:none;border-color:var(--lp-lime)}
.lp-trace .lp-cta{margin:0;border-color:transparent;background:var(--lp-lime);color:var(--lp-ink);padding:5px 20px 5px 5px;gap:10px;cursor:pointer;font-family:inherit}
.lp-trace .lp-cta .lp-dot{width:40px;height:40px;background:var(--lp-ink);color:var(--lp-lime)}
.lp-tl{list-style:none;margin:0;padding:0 0 0 18px;border-left:1px solid var(--lp-line)}
.lp-tl li{position:relative;padding:8px 0 12px}
.lp-tl li::before{content:"";position:absolute;left:-23px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--lp-forest);border:1.5px solid var(--lp-txt-2)}
.lp-tl li.now::before{background:var(--lp-lime);border-color:var(--lp-lime);box-shadow:0 0 0 4px rgba(212,243,108,.2)}
.lp-tl b{display:block;font-size:14px;font-weight:600}
.lp-tl small{font-size:12px;color:var(--lp-txt-2)}

/* farmer, reviews */
.lp-farmer{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:40px;align-items:center}
.lp-farmer img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.lp-farmer blockquote{margin:12px 0 0;font-size:clamp(26px,3vw,40px)}
.lp-farmer p{margin-top:14px;max-width:560px;color:var(--lp-mute)}
.lp-farmer .lp-sign{margin:22px 0 0}
.lp-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.lp-reviews figure{margin:0;padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08)}
.lp-reviews blockquote{margin:10px 0 14px;font-size:15px}
.lp-reviews figcaption{font-size:12.5px;color:var(--lp-mute)}

/* questions (compact) */
.lp-body .lp-sec-faq{padding:48px 0 64px}
.lp-sec-faq .lp-h2{font-size:clamp(28px,3vw,40px)}
.lp-faq{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:40px;align-items:start}
.lp-faq>div:first-child p{margin-top:14px;color:var(--lp-mute);font-size:14px}
.lp-faq-list{border-top:1px solid var(--lp-line-d)}
.lp-faq-list details{border-bottom:1px solid var(--lp-line-d)}
.lp-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;cursor:pointer;list-style:none;font-weight:600;font-size:14.5px}
.lp-faq-list summary::-webkit-details-marker{display:none}
.lp-faq-list summary .lp-ic{flex:none;width:26px;height:26px;padding:6px;border-radius:50%;border:1px solid var(--lp-line-d);transition:transform .35s var(--lp-ease),background .35s var(--lp-ease)}
.lp-faq-list details[open] summary .lp-ic{transform:rotate(45deg);background:var(--lp-lime);border-color:var(--lp-lime)}
.lp-faq-list summary:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-faq-list p{margin:0 0 12px;max-width:640px;font-size:13.5px;color:var(--lp-mute)}

@media (max-width:1020px){
  .lp-steps{grid-template-columns:repeat(3,1fr)}
  .lp-steps li:nth-child(4){border-left:0;padding-left:0}
  .lp-steps li:nth-child(n+4){border-top:1px solid var(--lp-line)}
  .lp-trace,.lp-farmer,.lp-faq{grid-template-columns:1fr}
}
@media (max-width:600px){
  .lp-phero-in{padding-top:110px}
  .lp-phead{padding-right:0}
  .lp-phero h1 span{white-space:normal}
  .lp-phero .lp-sign{position:relative;right:auto;top:auto;margin:10px 0 0 auto}
  .lp-phero-lead{white-space:normal}
  .lp-steps{grid-template-columns:1fr 1fr}
  .lp-steps li:nth-child(odd){border-left:0;padding-left:0}
  .lp-steps li:nth-child(4){padding-left:16px;border-left:1px solid var(--lp-line)}
  .lp-steps li:nth-child(n+3){border-top:1px solid var(--lp-line)}
  .lp-use{grid-template-columns:1fr;padding:22px}
  .lp-use-ic{width:80px;height:80px}
  .lp-trace,.lp-made{padding:26px}
  .lp-trace form{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.lp-pc,.lp-pc-img img,.lp-faq-list summary .lp-ic{transition:none}}

/* Site footer (lx_footer in lib/layout.php, styled by theme.css) — compact on the new-design pages */
.lp-body .lx-foot{width:min(1280px,100% - 32px);margin:0 auto 24px;border-radius:24px}   /* same width as the page content (lp-shell), so the edges line up */
@media (min-width:900px){.lp-body .lx-foot{width:min(1280px,100% - 128px)}}
.lp-body .lx-foot .lx-shell{max-width:none;padding-inline:40px}
.lp-body .lx-foot-top{gap:28px;padding:40px 0 26px}
.lp-body .lx-foot .lx-logo img{height:36px}
.lp-body .lx-foot p{margin-top:12px;font-size:13px;line-height:1.5}
.lp-body .lx-foot h2{margin-bottom:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.lp-body .lx-foot ul{gap:6px;font-size:13px}
.lp-body .lx-wordmark{font-size:clamp(44px,9vw,136px)}
.lp-body .lx-foot-bot{padding:12px 0;font-size:12px}
@media (max-width:600px){.lp-body .lx-foot-top{padding-top:32px}.lp-body .lx-foot .lx-shell{padding-inline:22px}}

/* "Available / In stock" chip hops while the card is hovered (shop cards; the front card of the home carousel) */
@keyframes lp-hop{0%,55%,100%{transform:translateY(0)}18%{transform:translateY(-7px)}32%{transform:translateY(0)}42%{transform:translateY(-2.5px)}}
.lp-pc:hover .lp-hop,.lp-cf-card.on:hover .lp-hop{animation:lp-hop 1.1s var(--lp-ease) infinite}
@media (prefers-reduced-motion:reduce){.lp-pc:hover .lp-hop,.lp-cf-card.on:hover .lp-hop{animation:none}}

/* ======================================================================================================
   Account + Track pages (login.php, register.php, track.php): heading and three points on the left,
   a white form card on the right; Track lists your recent orders underneath.
   ====================================================================================================== */
.lp-auth{--lp-txt:var(--lp-ink);--lp-txt-2:#4A524C;--lp-line:rgba(11,20,16,.16);padding:128px 0 64px}
.lp-auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;align-items:start}
.lp-auth-side{padding-top:18px}
.lp-auth-side .lp-label{display:block}
/* Track: heading on its own row; the form card sits level with the points under it, and is wide enough for one-line text */
.lp-auth-mid{grid-template-columns:minmax(0,1fr) minmax(0,530px);grid-template-rows:auto auto;align-items:center;row-gap:0}
.lp-auth-mid>.lp-auth-side{grid-column:1;grid-row:1}
.lp-auth-mid>.lp-points{grid-column:1;grid-row:2;margin:0}
.lp-auth-mid>.lp-panel{grid-column:2;grid-row:2}
.lp-body .lp-auth-track{padding:100px 0 48px}   /* tighter, so the two info cards below are in view too */
.lp-auth-track .lp-points{gap:8px}
.lp-auth-track .lp-tk-more{margin-top:22px}
@media (max-width:1020px){.lp-auth-mid{grid-template-columns:1fr}.lp-auth-mid>.lp-points,.lp-auth-mid>.lp-panel{grid-column:1;grid-row:auto}.lp-auth-mid>.lp-points{margin:0 0 8px}}   /* its own line, above the heading */
.lp-body .lp-auth h1{margin:10px 0 0;font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:-.05em}
.lp-auth .lp-sign{rotate:0deg;text-align:right;margin:12px 0 0 auto;font:500 14px/1.2 var(--lp-sans);letter-spacing:.01em;width:max-content;max-width:100%}   /* plain type here, not hand-written */
.lp-auth .lp-sign svg{left:0;right:0;width:100%;bottom:-7px;height:6px;stroke-width:3}   /* straight, underlined, ending under the heading */
.lp-auth-lead{max-width:420px;margin-top:22px;font-size:14.5px;color:var(--lp-txt-2)}
.lp-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.lp-points li{display:flex;align-items:center;gap:12px;font-size:14px}
.lp-points .ic{flex:none;width:34px;height:34px;padding:8px;border-radius:11px;background:var(--lp-lime);color:var(--lp-ink)}
.lp-points b{font-weight:600}

.lp-panel{padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(11,20,16,.08);box-shadow:0 30px 50px -40px rgba(11,20,16,.5)}
.lp-panel h2{font-family:var(--lp-display);font-weight:700;font-size:24px;letter-spacing:-.04em}
.lp-card-sub{margin-top:4px;font-size:13px;color:var(--lp-mute)}
.lp-form{display:grid;gap:10px;margin-top:16px}
.lp-fld{display:grid;gap:4px}
.lp-fld>label{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-fld input{width:100%;height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(11,20,16,.16);background:#FBFAF6;color:var(--lp-ink);font:500 14px var(--lp-sans);
  transition:border-color .25s var(--lp-ease),background .25s var(--lp-ease),box-shadow .25s var(--lp-ease)}
.lp-fld input::placeholder{color:#A5A89F}
.lp-fld input:focus{outline:none;border-color:var(--lp-leaf);background:#fff;box-shadow:0 0 0 3px rgba(212,243,108,.55)}
.lp-fld.has-err input{border-color:#C4412B;background:#FFF8F6}
.lp-auth .lp-err{font-size:12.5px;color:#B3261E}
.lp-fld .pw-live{font-size:12.5px;color:var(--lp-mute)}
.lp-fld .pw-live.ok{color:#3F6B1E}
.lp-fld .pw-live.bad{color:#B3261E}
.lp-alert{margin-top:16px;padding:12px 14px;border-radius:14px;background:#FDECEA;color:#8C1D12;font-size:13.5px}
.lp-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;margin-top:6px;border:0;border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);
  font:600 12.5px var(--lp-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .3s var(--lp-ease)}
.lp-submit:hover{background:var(--lp-lime-hi)}
.lp-submit:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-submit .lp-ic{width:16px;height:16px}
.lp-auth-alt{margin-top:14px;padding-top:12px;border-top:1px solid var(--lp-line-d);font-size:13.5px;color:var(--lp-mute)}
.lp-auth-alt+.lp-auth-alt{margin-top:6px;padding-top:0;border-top:0;font-size:12.5px}
.lp-auth-alt a{color:var(--lp-ink);font-weight:600;border-bottom:1px solid var(--lp-lime)}
.lp-reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-reg-grid .lp-fld:first-child{grid-column:1 / -1}

/* Track: IF- fixed at the start of the code box; one reserved line for errors so nothing jumps */
.lp-code{position:relative;display:flex;align-items:center;gap:8px}
.lp-code-box{position:relative;flex:1;min-width:0}
.lp-code-pre{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:600 15px var(--lp-sans);letter-spacing:.06em;color:var(--lp-mute);pointer-events:none}
.lp-code input{height:46px;border-radius:999px;padding:0 16px 0 48px;font:600 15px var(--lp-sans);letter-spacing:.06em;text-transform:uppercase}
.lp-code .lp-submit{width:auto;height:46px;margin:0;padding:0 18px 0 5px}
.lp-code .lp-submit .lp-dot{width:36px;height:36px;border-radius:50%;background:var(--lp-ink);color:var(--lp-lime);display:grid;place-items:center}
.lp-tk-err{min-height:20px;margin:0}
.lp-tk-note{margin-top:6px;font-size:12.5px;color:var(--lp-mute)}

.lp-tk-recent{margin-top:28px}
.lp-tk-recent-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}
.lp-tk-recent-head h2{font-family:var(--lp-display);font-weight:700;font-size:19px;letter-spacing:-.04em}
.lp-tk-recent-head a{font-size:13px;font-weight:600;border-bottom:1px solid var(--lp-lime)}
.lp-tk-orders{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.lp-tk-order{display:grid;gap:7px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(11,20,16,.08);transition:box-shadow .3s var(--lp-ease),border-color .3s var(--lp-ease)}
.lp-tk-order:hover{border-color:rgba(11,20,16,.2);box-shadow:0 24px 40px -32px rgba(11,20,16,.5)}
.lp-tk-o-top{display:flex;align-items:center;gap:10px}
.lp-tk-o-top b{font:700 14px var(--lp-sans);letter-spacing:.04em}
.lp-tk-o-top .lp-tk-total{margin-left:auto;font-weight:600;font-size:13px}
.lp-st{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}
.lp-st-amber{background:#FFF1D6;color:#7A4B00}
.lp-st-green{background:rgba(212,243,108,.6);color:#2F5212}
.lp-st-red{background:#FDECEA;color:#8C1D12}
.lp-tk-bar{height:3px;border-radius:4px;background:#ECEBE4;overflow:hidden}
.lp-tk-bar span{display:block;height:100%;border-radius:4px;background:var(--lp-ink)}
.lp-tk-meta{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--lp-mute)}
.lp-tk-more{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.lp-tk-more li{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;border:1px solid var(--lp-line-d);font-size:13px}
.lp-tk-more .ic{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--lp-lime)}
.lp-tk-more a{font-weight:600;border-bottom:1px solid var(--lp-lime)}

@media (max-width:1020px){.lp-auth-grid{grid-template-columns:1fr;gap:26px}.lp-auth-side{padding-top:0}}
@media (max-width:600px){
  .lp-auth{padding:104px 0 44px}
  .lp-panel{padding:20px}
  .lp-reg-grid{grid-template-columns:1fr}
  .lp-code{flex-wrap:wrap}
  .lp-code .lp-submit{width:100%}
}

/* ======================================================================================================
   My account (account.php): greeting + stats, pill tabs, then orders / details / password in white panels.
   The monthly-box panel and the map-pin field come from lib/orders.php / lib/geo.php and are restyled here.
   ====================================================================================================== */
.lp-body .lp-acc{padding:124px 0 56px}   /* clear gap under the logo and menu */
.lp-acc-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.lp-acc-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--lp-lime);font:700 22px var(--lp-display);letter-spacing:-.03em}
.lp-body .lp-acc h1{margin:4px 0 0;font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.05em}
.lp-acc-sub{margin-top:6px;font-size:13px;color:var(--lp-mute)}
.lp-acc-stats{display:flex;margin:0;border:1px solid rgba(11,20,16,.1);border-radius:18px;background:#fff;overflow:hidden}
.lp-acc-stats div{padding:12px 20px}
.lp-acc-stats div+div{border-left:1px solid rgba(11,20,16,.08)}
.lp-acc-stats dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-acc-stats dd{margin:2px 0 0;font:700 20px var(--lp-display);letter-spacing:-.03em}
.lp-acc-tabs{margin:26px 0 18px}
.lp-acc-tabs a{gap:6px}
.lp-acc-tabs .ic{width:14px;height:14px}
.lp-acc .lp-alert{margin:0 0 16px}

.lp-acc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:20px;align-items:start}
.lp-acc-main{display:grid;gap:14px;min-width:0}
.lp-acc-orders{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.lp-acc-empty p{font-size:14px;color:var(--lp-mute);margin-bottom:14px}
.lp-acc-empty .lp-submit{width:auto;padding:0 22px}
.lp-acc-add h2,.lp-acc-form h2,.lp-acc-pw h2{font-size:20px}
.lp-acc-found{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.lp-acc-found li{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#FBFAF6;border:1px solid rgba(11,20,16,.08)}
.lp-acc-f-top{display:flex;justify-content:space-between;font-size:13.5px}
.lp-acc-f-form{display:flex;align-items:center;gap:8px;margin-top:4px}
.lp-acc-f-code{font:600 13px var(--lp-sans);letter-spacing:.04em}
.lp-acc-f-code input{width:62px;height:30px;margin:0 3px;padding:0 6px;border-radius:8px;border:1px solid rgba(11,20,16,.2);font:inherit;text-transform:uppercase;text-align:center}
.lp-acc-code{display:flex;gap:6px}
.lp-acc-code input{flex:1;min-width:0;text-transform:uppercase}
.lp-mini-btn{height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 12px var(--lp-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.lp-acc-f-form .lp-mini-btn{height:30px;padding:0 12px}
.lp-mini-btn:hover{background:#26332C}
.lp-mini-btn:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}

/* monthly box panel (lib/orders.php) */
.lp-acc .box-panel{margin:0;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);box-shadow:none;font-size:13.5px}
.lp-acc .box-panel .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-acc .box-panel .eyebrow .ic{width:14px;height:14px}
.lp-acc .box-panel p{margin:8px 0 0}
.lp-acc .box-panel .btn-row{display:flex;gap:8px;align-items:center;margin-top:12px}
.lp-acc .box-panel .btn{height:32px;padding:0 14px;border-radius:999px;font-size:12px}

/* details form */
.lp-acc-form-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lp-acc-facts{display:flex;gap:18px;margin:0}
.lp-acc-facts dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-acc-facts dd{margin:0;font-size:13px;font-weight:600}
.lp-acc-facts a{border-bottom:1px solid var(--lp-lime)}
.lp-acc-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;margin-top:16px;align-items:start}   /* details left, map right */
.lp-acc-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}   /* name · mobile+email · address+city · note */
.lp-span-2{grid-column:span 2}.lp-span-3{grid-column:span 3}.lp-span-4{grid-column:span 4}.lp-span-6{grid-column:1 / -1}
.lp-fld input[readonly]{background:#F1F0EA;color:var(--lp-mute)}
.lp-acc-geo{display:grid;gap:12px;padding-left:28px;border-left:1px solid rgba(11,20,16,.08)}
.lp-acc .geo-k{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-acc .geo-k small{font-weight:400;letter-spacing:0;text-transform:none}
.lp-acc .geo-k .ic{width:14px;height:14px}
.lp-acc .geo-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.lp-acc .geo-row .btn{height:40px;padding:0 14px;border-radius:999px;font-size:12.5px}
.lp-acc .geo-row input{flex:1;min-width:200px;height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(11,20,16,.16);background:#FBFAF6;font:500 14px var(--lp-sans)}
.lp-acc .geo-status{margin:6px 0 0;font-size:12.5px;color:var(--lp-mute)}
.lp-acc-map iframe,.lp-acc-map .geo-map{width:100%;height:150px;margin:0;border:0;border-radius:14px}
.lp-acc-foot{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(11,20,16,.08);font-size:12.5px;color:var(--lp-mute)}
.lp-acc-foot .lp-submit{width:auto;flex:none;margin:0;padding:0 22px}
.lp-acc-foot a{color:var(--lp-ink);font-weight:600;border-bottom:1px solid var(--lp-lime)}

/* password */
.lp-acc-pw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:center}   /* tips left, form right */
.lp-acc-tips .lp-points{margin-top:14px}
.lp-acc-tips a b{border-bottom:1px solid var(--lp-lime)}

@media (max-width:1020px){.lp-acc-grid,.lp-acc-pw,.lp-acc-cols{grid-template-columns:1fr}.lp-acc-geo{padding-left:0;border-left:0;padding-top:14px;border-top:1px solid rgba(11,20,16,.08)}.lp-acc-head{grid-template-columns:auto 1fr}.lp-acc-stats{grid-column:1 / -1;width:max-content}}
@media (max-width:600px){.lp-body .lp-acc{padding-top:96px}.lp-acc-fields{grid-template-columns:1fr}.lp-acc-fields>*{grid-column:1 / -1}.lp-acc-foot{flex-direction:column;align-items:stretch}.lp-acc-avatar{width:48px;height:48px;font-size:17px}}

/* My orders: "On the way" cards with a 6-step tracker, then all orders as compact rows with filter pills */
.lp-acc-h{display:flex;align-items:center;gap:8px;font-family:var(--lp-display);font-weight:700;font-size:19px;letter-spacing:-.03em}
.lp-acc-h span{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 11.5px/22px var(--lp-sans);letter-spacing:0;text-align:center}
.lp-onway{display:grid;gap:10px}
.lp-onway-card{display:grid;gap:12px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);box-shadow:0 20px 40px -34px rgba(11,20,16,.5);transition:border-color .25s var(--lp-ease)}
.lp-onway-card:hover{border-color:rgba(11,20,16,.25)}
.lp-onway-top{display:flex;align-items:center;gap:10px}
.lp-onway-top b{font:700 15px var(--lp-sans);letter-spacing:.04em}
.lp-onway-total{margin-left:auto;font-weight:600}
.lp-steps-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr)}
.lp-steps-mini li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;font-size:10.5px;color:var(--lp-mute)}
.lp-steps-mini li::before{content:"";position:absolute;top:5px;left:-50%;width:100%;height:2px;background:#E4E3DC}
.lp-steps-mini li:first-child::before{display:none}
.lp-steps-mini li.done::before,.lp-steps-mini li.now::before{background:var(--lp-ink)}
.lp-steps-mini i{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #D6D5CD}
.lp-steps-mini li.done i{background:var(--lp-ink);border-color:var(--lp-ink)}
.lp-steps-mini li.now i{background:var(--lp-lime);border-color:var(--lp-ink);box-shadow:0 0 0 4px rgba(212,243,108,.45)}
.lp-steps-mini li.now span{color:var(--lp-ink);font-weight:600}

.lp-olist{display:grid;gap:10px}
.lp-olist-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lp-orows{list-style:none;margin:0;padding:0;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);overflow:hidden}
.lp-orows li[hidden]{display:none}
.lp-orows li+li{border-top:1px solid rgba(11,20,16,.07)}
.lp-orow{display:grid;grid-template-columns:auto minmax(120px,auto) minmax(0,1fr) auto 90px 16px;align-items:center;gap:14px;padding:12px 16px;transition:background .2s var(--lp-ease)}
.lp-orow:hover{background:#FBFAF6}
.lp-orow-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}
.lp-orow-ic .ic{width:16px;height:16px}
.lp-orow-active{background:#FFF1D6;color:#7A4B00}
.lp-orow-delivered{background:rgba(212,243,108,.55);color:#2F5212}
.lp-orow-cancelled{background:#FDECEA;color:#8C1D12}
.lp-orow-main{display:grid;line-height:1.25}
.lp-orow-main b{font:700 14px var(--lp-sans);letter-spacing:.03em}
.lp-orow-main small{font-size:11.5px;color:var(--lp-mute)}
.lp-orow-items{font-size:12.5px;color:var(--lp-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-orow-total{text-align:right;font-size:14px}
.lp-orow-go{width:15px;height:15px;opacity:.35;transition:opacity .2s var(--lp-ease),transform .2s var(--lp-ease)}
.lp-orow:hover .lp-orow-go{opacity:.9;transform:translateX(2px)}
.lp-orow:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:-2px}
@media (max-width:760px){
  .lp-orow{grid-template-columns:auto 1fr auto;gap:4px 12px}
  .lp-orow-items{grid-column:2 / -1;grid-row:2}
  .lp-orow .lp-st{grid-column:2;grid-row:3;justify-self:start}
  .lp-orow-total{grid-column:3;grid-row:1}
  .lp-orow-go{display:none}
  .lp-steps-mini span{display:none}
}

/* Add an order (My orders, right column): one slim card — icon + title, found orders as one-line code entries, a full-code field */
.lp-add{display:grid;gap:12px;align-self:start;padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08)}
.lp-add-head{display:flex;align-items:center;gap:10px}
.lp-add-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--lp-lime)}
.lp-add-ic .ic{width:16px;height:16px}
.lp-add h2{font-family:var(--lp-display);font-weight:700;font-size:16px;letter-spacing:-.02em}
.lp-add-head p{font-size:12px;color:var(--lp-mute)}
.lp-add-k{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--lp-mute)}
.lp-add-found{list-style:none;margin:-4px 0 0;padding:0;display:grid;gap:6px}
.lp-add-found li{display:grid;gap:2px}
.lp-add-found form,.lp-add-full{display:flex;align-items:center;gap:6px}
.lp-add-code{flex:1;display:flex;align-items:center;height:36px;padding:0 10px;border-radius:10px;background:#FBFAF6;border:1px solid rgba(11,20,16,.12);font:600 13px var(--lp-sans);letter-spacing:.04em}
.lp-add-code input{width:52px;height:24px;margin:0 3px;padding:0;border:0;border-bottom:1.5px solid var(--lp-ink);background:transparent;font:inherit;text-transform:uppercase;text-align:center;letter-spacing:.12em}
.lp-add-code input:focus{outline:none;border-bottom-color:var(--lp-leaf)}
.lp-add-code:focus-within{border-color:var(--lp-leaf);box-shadow:0 0 0 3px rgba(212,243,108,.5)}
.lp-add-found small{padding-left:2px;font-size:11px;color:var(--lp-mute)}
.lp-add-full input{flex:1;min-width:0;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(11,20,16,.12);background:#FBFAF6;font:600 13px var(--lp-sans);letter-spacing:.04em;text-transform:uppercase}
.lp-add-full input::placeholder{font-weight:500;letter-spacing:0;text-transform:none;color:#A5A89F}
.lp-add-full input:focus{outline:none;border-color:var(--lp-leaf);box-shadow:0 0 0 3px rgba(212,243,108,.5)}
.lp-add-btn{flex:none;width:36px;height:36px;border:0;border-radius:10px;background:var(--lp-ink);color:var(--lp-lime);display:grid;place-items:center;cursor:pointer;transition:background .2s var(--lp-ease)}
.lp-add-btn .ic{width:16px;height:16px}
.lp-add-btn:hover{background:#26332C}
.lp-add-btn:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-add-foot{font-size:11.5px;color:var(--lp-mute)}
.lp-add-foot a{color:var(--lp-ink);font-weight:600;border-bottom:1px solid var(--lp-lime)}
.lp-acc-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px)}
.lp-body .lp-add-code input{height:24px;padding:0;border:0;border-bottom:1.5px solid var(--lp-ink);border-radius:0;background:transparent;box-shadow:none;min-height:0}
.lp-body .lp-add-code input:focus{border-bottom-color:var(--lp-leaf);box-shadow:none}
.lp-add-head p{line-height:1.35}

/* account menu, compact */
.lp-acct-pop{min-width:168px;padding:5px;border-radius:13px;top:calc(100% + 8px);font-size:13px}
.lp-acct-pop a,.lp-acct-pop button{padding:7px 10px;border-radius:8px}
.lp-acct-pop a{gap:8px}
.lp-acct-pop .ic{width:14px;height:14px}
.lp-acct-pop form{margin-top:3px;padding-top:3px}

/* ======================================================================================================
   Order page (order.php) — same layout as before (code + actions on top, parcel status card on the right,
   the QR of this page in its own small card above it), restyled: white rounded panels, forest status card, lime.
   ====================================================================================================== */
.lp-body .lp-order{padding:124px 0 56px;--lp-line:rgba(11,20,16,.1)}
.lp-order .op-grid{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:18px 24px}
.lp-order .eyebrow{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--lp-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-mute)}
.lp-order .eyebrow .ic{width:14px;height:14px}

/* head: code, chips, share */
.lp-order .op-title{gap:8px 10px;margin:6px 0 8px}
.lp-body .lp-order h1.op-code{margin:0;padding:6px 14px;border:1.5px dashed rgba(11,20,16,.25);border-radius:14px;background:#fff;
  font:700 clamp(24px,2.6vw,34px)/1.1 var(--lp-display);letter-spacing:.01em;color:var(--lp-ink);white-space:nowrap}
.lp-order .op-code-wrap{display:inline-flex;align-items:center;gap:8px}
.lp-order .op-copy{position:static;transform:none;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;
  border-radius:999px;border:1px solid rgba(11,20,16,.15);background:#fff;font:600 11.5px var(--lp-sans);color:var(--lp-ink);cursor:pointer;white-space:nowrap}   /* beside the code, not on top of it */
.lp-order .op-copy:hover{border-color:var(--lp-ink)}
.lp-order .op-copy .ic{width:11px;height:11px}
.lp-order .op-title>.op-chip{height:30px;padding:0 12px;border-radius:999px;font:600 12.5px var(--lp-sans);box-shadow:none;margin:0}
.lp-order .op-title>.op-chip-green{background:rgba(212,243,108,.7);color:#2F5212}
.lp-order .op-title>.op-chip-amber{background:#FFF1D6;color:#7A4B00}
.lp-order .op-title>.op-chip-red{background:#FDECEA;color:#8C1D12}
.lp-order .op-paychip{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font:600 12px var(--lp-sans);border:1px solid rgba(11,20,16,.15);background:#fff;color:var(--lp-ink)}
.lp-order .op-actions .btn{height:34px;padding:0 14px 0 12px;border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);font:600 12px var(--lp-sans);letter-spacing:.04em;box-shadow:none}
.lp-order .op-actions .btn .ic{width:15px;height:15px}
.lp-order .op-meta{font-size:13px;color:var(--lp-mute)}
.lp-order .op-meta strong{color:var(--lp-ink)}
.lp-order .op-thanks{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:14px 16px;border-radius:16px;background:rgba(212,243,108,.4);font-size:13.5px}

/* QR card */
.lp-order .op-qr{align-self:end;gap:14px;padding:12px 14px;border-radius:18px;border:1px solid rgba(11,20,16,.08);background:#fff}
.lp-order .oc-qr-img{width:72px;height:72px}
.lp-order .oc-qr-img canvas,.lp-order .oc-qr-img img{width:72px!important;height:72px!important}
.lp-order .oc-qr-txt strong{font:700 14px var(--lp-display);letter-spacing:-.02em}
.lp-order .oc-qr-txt span{font-size:12px;color:var(--lp-mute)}
.lp-order .oc-qr-save{font-size:12px;font-weight:600;color:var(--lp-ink);border-bottom:1px solid var(--lp-lime)}

/* main panel: who / milestones / items */
.lp-order .op-card,.lp-order .op-rate,.lp-order .pay-box,.lp-order .box-panel{padding:18px 20px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);box-shadow:none}
.lp-order .op-sec+.op-sec{margin-top:16px;padding-top:16px;border-top:1px solid rgba(11,20,16,.07)}
.lp-order .op-h{display:flex;align-items:center;gap:8px;font:700 16px var(--lp-display);letter-spacing:-.02em;color:var(--lp-ink)}
.lp-order .op-h .ic{width:16px;height:16px;opacity:.6}
.lp-order .op-who{border-radius:14px;border:1px solid rgba(11,20,16,.08);background:#FBFAF6;overflow:hidden}
.lp-order .op-who-cell+.op-who-cell{border-left:1px solid rgba(11,20,16,.08)}
.lp-order .op-avatar{background:var(--lp-ink);color:var(--lp-lime)}
.lp-order .op-who-ic{background:#fff;color:var(--lp-ink);border:1px solid rgba(11,20,16,.1)}
.lp-order .op-eta{background:rgba(212,243,108,.28)}
.lp-order .op-eta .op-who-ic{background:var(--lp-ink);color:var(--lp-lime);border:0}
.lp-order .op-city{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 10px var(--lp-sans);letter-spacing:.08em;text-transform:uppercase}
.lp-order .op-map{font-size:12px;font-weight:600;color:var(--lp-ink);border-bottom:1px solid var(--lp-lime)}
.lp-order .op-note{border-radius:12px;background:rgba(212,243,108,.3);border-left:3px solid var(--lp-lime);font-size:12.5px}
.lp-order .om-dot{background:var(--lp-ink);color:var(--lp-lime)}
.lp-order .om-now .om-dot{background:var(--lp-lime);color:var(--lp-ink);box-shadow:0 0 0 4px rgba(212,243,108,.45)}
.lp-order .op-items li{padding:7px 0;border-bottom:1px dashed rgba(11,20,16,.1);font-size:13.5px}
.lp-order .op-q{font-weight:700}
.lp-order .op-l small{font-size:11.5px;color:var(--lp-mute)}
.lp-order .op-tag{background:rgba(212,243,108,.6);color:#2F5212}

/* rating */
.lp-order .stars label{border-radius:12px;border:1px solid rgba(11,20,16,.12);background:#FBFAF6}
.lp-order .stars input:checked~label,.lp-order .stars label:hover,.lp-order .stars label:hover~label{background:var(--lp-lime);border-color:var(--lp-lime);color:var(--lp-ink)}
.lp-order .rate textarea{border-radius:12px;border:1px solid rgba(11,20,16,.14);background:#FBFAF6;font:500 14px var(--lp-sans)}
.lp-order .rate textarea:focus{outline:none;border-color:var(--lp-leaf);box-shadow:0 0 0 3px rgba(212,243,108,.5)}
.lp-order .rate .btn,.lp-order .pay-box .btn{height:38px;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 12px var(--lp-sans);letter-spacing:.05em;text-transform:uppercase}

/* parcel status card (right) */
.lp-order .order-card{padding:20px;border-radius:22px;background:var(--lp-forest);color:#fff}
.lp-order .order-card .eyebrow{color:var(--lp-lime)}
.lp-order .oc-now{font:700 24px var(--lp-display);letter-spacing:-.03em}
.lp-order .oc-sub{font-size:12px;color:rgba(214,224,217,.75)}
.lp-order .oc-cn{border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}
.lp-order .oc-cn-k{color:rgba(214,224,217,.7)}
.lp-order .oc-cn-no{color:#fff}
.lp-order .oc-cn-copy{border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);border:0}
.lp-order .ostep strong{font:600 13.5px var(--lp-sans)}
.lp-order .ostep small{font-size:11.5px;color:rgba(214,224,217,.72)}
.lp-order .ostep li.todo strong{color:rgba(214,224,217,.55)}
.lp-order .order-card .btn-cream{border-radius:999px;background:var(--lp-lime);color:var(--lp-ink)}
.lp-order .op-side>.btn-outline{height:44px;border-radius:999px;border:1px solid rgba(11,20,16,.18);background:#fff;color:var(--lp-ink);font:600 13px var(--lp-sans);box-shadow:none}
.lp-order .op-side>.btn-outline:hover{border-color:var(--lp-ink)}

/* where it came from */
.lp-order .op-origin{margin-top:28px;padding-top:24px;border-top:1px solid rgba(11,20,16,.1)}
.lp-order .op-origin-head p{font-size:12.5px;color:var(--lp-mute)}
.lp-order .op-batch{margin-top:10px;border-radius:16px;border:1px solid rgba(11,20,16,.08);background:#fff}
.lp-order .op-batch summary{padding:12px 16px;font-size:13.5px}
.lp-order .op-batch[open] summary{border-bottom:1px solid rgba(11,20,16,.07)}
.lp-order .op-batch-body{padding:14px 16px}
.lp-order .op-batch-body a{font-weight:600;border-bottom:1px solid var(--lp-lime)}
@media (max-width:1020px){.lp-order .op-grid{grid-template-columns:1fr}}
@media (max-width:600px){.lp-body .lp-order{padding-top:96px}}
.lp-order .op-map{display:inline-block}
.lp-order .op-card .op-sec{padding:0}
.lp-order .op-card .op-who-head,.lp-order .op-card .op-sec>.op-h{margin-bottom:12px}
.lp-order a.op-map{display:block;width:max-content;margin-top:2px}
.lp-order .op-card .op-sec+.op-sec{margin-top:16px;padding-top:16px}

/* order page: "Copy code" sits just above the code box, at its top-right corner; Paid chip a little wider */
.lp-order .op-code-wrap{position:relative}
.lp-order .op-code-wrap .op-copy{position:absolute;right:0;bottom:calc(100% + 5px);top:auto;height:24px;padding:0 9px;font-size:11px}
.lp-order .op-paychip{padding:0 18px;min-width:84px;justify-content:center}

/* ======================================================================================================
   Our story (farm.php) and enquiry (enquiry.php)
   ====================================================================================================== */
.lp-farm-hero .lp-phero-in{padding-bottom:10px}
.lp-farm-lead{max-width:640px;margin-top:14px;font-size:14px;line-height:1.55;color:var(--lp-txt-2)}
.lp-farm-jump{margin-top:16px}
.lp-farm-split{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:40px;align-items:center}
.lp-farm-media img,.lp-farm-media svg,.lp-farm-media .ls-wrap{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;display:block}
.lp-farm-media .ls-wrap{background:#EEF6E8;overflow:hidden}
.lp-farm-quote{margin:10px 0 0;font-size:clamp(24px,2.6vw,36px)}
.lp-farm-p{margin-top:12px;max-width:620px;font-size:14px;line-height:1.6;color:var(--lp-mute)}
.lp-farm-sig{margin-top:14px;font-weight:600}
.lp-farm-facts{display:inline-flex;margin:20px 0 0;border:1px solid rgba(11,20,16,.1);border-radius:16px;background:#fff;overflow:hidden}
.lp-farm-facts div{padding:10px 18px}
.lp-farm-facts div+div{border-left:1px solid rgba(11,20,16,.08)}
.lp-farm-facts dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-farm-facts dd{margin:2px 0 0;font:700 17px var(--lp-display);letter-spacing:-.02em}
.lp-made .lp-cards{margin-top:0}
.lp-farm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lp-farm-steps li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(11,20,16,.08)}
.lp-farm-steps .lp-step-n{grid-column:1 / -1;color:var(--lp-mute)}
.lp-farm-steps .lp-step-ic{margin:0}
.lp-farm-steps b{font:700 16px var(--lp-display);letter-spacing:-.02em}
.lp-farm-steps p{margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--lp-mute)}
.lp-farm-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.lp-farm-soil p{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--lp-mute)}
.lp-farm-soil .lp-h2,.lp-farm-two .lp-h2{font-size:clamp(24px,2.4vw,34px)}
.lp-qtable{border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);overflow:hidden}
.lp-qrow{display:grid;grid-template-columns:160px 1fr 120px 120px;align-items:center;gap:14px;padding:11px 18px;font-size:13px}
.lp-qrow+.lp-qrow{border-top:1px solid rgba(11,20,16,.07)}
a.lp-qrow:hover{background:#FBFAF6}
.lp-qhead{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute);background:#FBFAF6}
.lp-qrow .lp-st{justify-self:start}
.lp-farm-avg{font:600 14px var(--lp-sans);letter-spacing:0;color:#B07A10;vertical-align:middle;margin-left:6px}
.lp-farm-partner{display:grid;gap:4px;color:#fff}
.lp-farm-partner b{display:inline-flex;align-items:center;gap:8px}
.lp-farm-partner .lp-ic{width:14px;height:14px}

/* enquiry */
.lp-body .lp-enq{padding-top:118px}
.lp-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-size:12.5px;font-weight:600;color:var(--lp-mute)}
.lp-back:hover{color:var(--lp-ink)}
.lp-back .lp-ic{width:14px;height:14px}
.lp-enq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:24px;align-items:start}
.lp-enq-lot{border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(11,20,16,.08)}
.lp-enq-img{position:relative;aspect-ratio:16/7;background:var(--lp-paper-2)}
.lp-enq-img img{width:100%;height:100%;object-fit:cover}
.lp-enq-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,20,16,.35),transparent 40%)}
.lp-enq-body{display:grid;gap:10px;padding:18px 20px 20px}
.lp-body .lp-enq-body h1{margin:0;font:700 clamp(24px,2.4vw,32px)/1 var(--lp-display);letter-spacing:-.045em}
.lp-enq-body h1 em{color:#6FA80F}
.lp-enq-body .lp-pc-price{margin:0}
.lp-enq-kind{margin-top:14px}
.lp-enq-kind label{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--lp-line-d);font:500 12.5px var(--lp-sans);color:var(--lp-mute);cursor:pointer}
.lp-enq-kind label .ic{width:14px;height:14px}
.lp-enq-kind input{position:absolute;opacity:0;pointer-events:none}
.lp-enq-kind label[data-on]{background:var(--lp-ink);color:#fff;border-color:var(--lp-ink)}
.lp-enq-kind label:focus-within{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-enq-form .lp-fld[hidden]{display:none}
.lp-fld textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(11,20,16,.16);background:#FBFAF6;font:500 14px var(--lp-sans);color:var(--lp-ink);resize:vertical}
.lp-fld textarea:focus{outline:none;border-color:var(--lp-leaf);background:#fff;box-shadow:0 0 0 3px rgba(212,243,108,.55)}
.lp-enq-done{display:grid;gap:10px;justify-items:start}
.lp-enq-tick{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lp-lime)}
.lp-enq-tick .ic{width:20px;height:20px}
.lp-enq-done .lp-submit .ic{width:16px;height:16px}

@media (max-width:1020px){.lp-farm-split,.lp-farm-two,.lp-enq-grid{grid-template-columns:1fr}.lp-farm-steps{grid-template-columns:1fr 1fr}.lp-qrow{grid-template-columns:1fr auto}.lp-qrow span:nth-child(2),.lp-qrow span:nth-child(3){display:none}}
@media (max-width:600px){.lp-farm-steps{grid-template-columns:1fr}.lp-body .lp-enq{padding-top:96px}}
.lp-card>.ic{grid-row:span 2;width:20px;height:20px;margin-top:2px;color:var(--lp-lime)}
.lp-enq-row .lp-fld:first-child{grid-column:auto}
.lp-enq-img{color:#fff}
.lp-enq-img .lp-pc-chips{z-index:1}

/* Lot page (lot.php): gallery left, a white info panel right, "About this lot" underneath */
.lp-body .lt-page{padding-top:118px}
.lt-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.lt-gallery{display:grid;gap:10px}
.lt-main{position:relative;display:block;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--lp-paper-2);color:#fff}
.lt-main img{width:100%;height:100%;object-fit:cover}
.lt-main::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,20,16,.35),transparent 35%);pointer-events:none}
.lt-main .lp-pc-chips{z-index:1}
.lt-count{position:absolute;z-index:1;right:12px;bottom:12px}
.lt-nopic{display:grid;place-items:center;color:var(--lp-mute);font-size:14px}
.lt-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.lt-thumb{flex:none;width:84px;height:60px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:none;cursor:pointer;opacity:.65;transition:opacity .2s var(--lp-ease),border-color .2s var(--lp-ease)}
.lt-thumb img{width:100%;height:100%;object-fit:cover}
.lt-thumb:hover{opacity:1}
.lt-thumb.is-on{opacity:1;border-color:var(--lp-ink)}
.lt-thumb:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lt-info{display:grid;gap:12px}
.lp-body .lt-info h1{margin:0;font:700 clamp(26px,2.6vw,36px)/1 var(--lp-display);letter-spacing:-.045em}
.lt-info h1 em{color:#6FA80F}
.lt-info .lp-pc-price{margin:0}
.lt-info .lp-pc-price b{font-size:26px}
.lt-actions{display:flex;align-items:center;gap:12px;margin-top:4px}
.lt-actions .lp-pc-btn{flex:1}
.lt-offer{font-size:13px;font-weight:600;border-bottom:1px solid var(--lp-lime);padding-bottom:1px;white-space:nowrap}
.lt-wa{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(11,20,16,.16);transition:background .2s var(--lp-ease),border-color .2s var(--lp-ease)}
.lt-wa:hover{background:#fff;border-color:var(--lp-ink)}
.lt-wa .lp-ic{width:18px;height:18px}
.lt-info .lp-alert{margin:0}
.lt-about{margin-top:18px}
.lt-about p{margin-top:10px;max-width:760px;font-size:14px;line-height:1.65;color:var(--lp-mute)}
@media (max-width:1020px){.lt-grid{grid-template-columns:1fr}}
@media (max-width:600px){.lp-body .lt-page{padding-top:96px}.lt-actions{flex-wrap:wrap}.lt-actions .lp-pc-btn{flex:1 1 100%}}

/* enquiry lot card: title left, asking price right-aligned beside it */
.lp-enq-titlerow{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.lp-enq-titlerow .lp-pc-price{justify-content:flex-end;text-align:right;flex:none;max-width:50%}
.lp-enq-titlerow .lp-pc-price small{text-align:right}
@media (max-width:600px){.lp-enq-titlerow{flex-direction:column;gap:8px}.lp-enq-titlerow .lp-pc-price,.lp-enq-titlerow .lp-pc-price small{justify-content:flex-start;text-align:left;max-width:none}}

/* lot page with the enquiry form built in: photos + "About" left, facts + form right */
.lt-gallery .lt-about{margin-top:6px}
.lt-enq{margin-top:4px;padding-top:14px;border-top:1px solid rgba(11,20,16,.08);scroll-margin-top:24px}
.lt-form h2,.lt-done h2{font:700 18px var(--lp-display);letter-spacing:-.03em}
.lt-form .lp-enq-kind{margin-top:10px}
.lt-form .lp-form{margin-top:12px}
.lt-send{display:flex;gap:8px;align-items:center}
.lt-send .lp-submit{margin:0;flex:1}
.lt-done{display:grid;gap:12px;justify-items:start}
.lp-fld[hidden]{display:none}

/* lot page right column: the lot's details in one card, "Interested?" in its own card below */
.lt-side{display:grid;gap:14px;align-content:start}
.lp-panel.lt-enq{margin-top:0;padding-top:22px;border-top:1px solid rgba(11,20,16,.08)}

/* "Interested?" card, compact */
.lp-panel.lt-enq{padding:16px 18px}
.lt-form h2{font-size:16px}
.lt-form .lp-enq-kind{margin-top:8px}
.lt-form .lp-enq-kind label{height:30px;padding:0 11px;font-size:12px}
.lt-form .lp-form{margin-top:10px;gap:8px}
.lt-form .lp-fld{gap:3px}
.lt-form .lp-fld input{height:38px}
.lt-form .lp-fld textarea{min-height:38px;padding:8px 14px}
.lt-send .lp-submit{height:42px}
.lt-send .lt-wa{width:42px;height:42px}
.lt-form .lp-auth-alt{margin-top:10px;padding-top:10px;font-size:12px}

/* lot gallery: thumbnails inside the photo; text on the photo stays white on hover */
.lt-stage{position:relative}
.lt-main:hover,.lt-main:focus{color:#fff}
.lt-stage .lt-thumbs{position:absolute;left:12px;right:80px;bottom:12px;z-index:2;padding:0}
.lt-stage .lt-thumb{width:56px;height:40px;border-radius:9px;border:2px solid rgba(255,255,255,.55);opacity:.8;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.lt-stage .lt-thumb:hover{opacity:1}
.lt-stage .lt-thumb.is-on{opacity:1;border-color:var(--lp-lime)}
.lt-stage .lt-main::before{content:"";position:absolute;inset:auto 0 0;height:34%;z-index:1;background:linear-gradient(to top,rgba(11,20,16,.45),transparent);pointer-events:none}
.lt-count{z-index:2}

/* "About this lot" card, compact */
.lt-about.lp-panel{padding:14px 18px}
.lt-about .lp-label{font-size:10.5px}
.lt-about p{margin-top:6px;font-size:13px;line-height:1.5}

/* "About this lot" card, compact */
.lt-about.lp-panel{padding:14px 18px}
.lt-about .lp-label{font-size:10.5px}
.lt-about p{margin-top:6px;font-size:13px;line-height:1.5}

/* the big lot photo is a link: keep its chips white when hovered (links otherwise inherit dark text on hover) */
.lt-main:hover{color:#fff}

/* thumbnails sit inside the photo, along its bottom edge, over a soft shade */
.lt-photo{position:relative}
.lt-photo .lt-main::before{content:"";position:absolute;inset:auto 0 0;height:90px;z-index:1;background:linear-gradient(to top,rgba(11,20,16,.55),transparent);pointer-events:none}
.lt-photo .lt-thumbs{position:absolute;left:12px;right:72px;bottom:12px;z-index:2;gap:6px}
.lt-photo .lt-thumb{width:58px;height:42px;border:2px solid rgba(255,255,255,.55);border-radius:10px;opacity:.8}
.lt-photo .lt-thumb.is-on{border-color:#fff;opacity:1}
.lt-photo .lt-count{z-index:2}

/* footer, more compact */
.lp-body .lx-foot-top{gap:20px;padding:26px 0 16px}
.lp-body .lx-foot .lx-logo img{height:30px}
.lp-body .lx-foot p{margin-top:8px;font-size:12.5px;line-height:1.45;max-width:280px}
.lp-body .lx-foot h2{margin-bottom:8px;font-size:11px}
.lp-body .lx-foot ul{gap:4px;font-size:12.5px}
.lp-body .lx-wordmark{font-size:clamp(34px,6.4vw,96px);margin-top:4px}
.lp-body .lx-foot-bot{padding:9px 0;font-size:11.5px}
.lp-body .lx-foot{margin-bottom:16px}

/* ======================================================================================================
   Journal (journal.php): featured story + card grid with type filters; a post page with a readable column.
   ====================================================================================================== */
.lp-body .jr-list{padding-top:26px}
.jr-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(11,20,16,.08);transition:box-shadow .3s var(--lp-ease),border-color .3s var(--lp-ease)}
.jr-card[hidden]{display:none}
.jr-card:hover{border-color:rgba(11,20,16,.2);box-shadow:0 26px 44px -34px rgba(11,20,16,.5)}
.jr-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--lp-paper-2);color:#fff}
.jr-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--lp-ease)}
.jr-card:hover .jr-img img{transform:scale(1.03)}
.jr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,20,16,.35),transparent 40%);pointer-events:none}
.jr-img .lp-pc-chips{z-index:1}
.jr-card:hover .jr-img{color:#fff}
.jr-noimg{position:absolute;inset:0;display:grid;place-items:center;background:#E7EEDC;color:#6FA80F}
.jr-noimg .lp-ic{width:34px;height:34px}
.jr-body{display:grid;gap:6px;padding:14px 16px 16px}
.jr-meta{font-size:11.5px;color:var(--lp-mute)}
.jr-t{font:700 19px/1.15 var(--lp-display);letter-spacing:-.03em}
.jr-ex{font-size:13px;line-height:1.5;color:var(--lp-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:14px}

/* featured (newest) story: image left, words right */
.jr-feat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.jr-feat .jr-img{aspect-ratio:16/9;min-height:0}
.jr-img img{position:absolute;inset:0}
.jr-feat .jr-body{align-content:center;gap:10px;padding:28px 30px}
.jr-feat .jr-t{font-size:clamp(24px,2.6vw,34px);line-height:1.05;letter-spacing:-.045em}
.jr-feat .jr-ex{-webkit-line-clamp:4;font-size:14px}
.jr-read{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:600;border-bottom:1px solid var(--lp-lime);justify-self:start;padding-bottom:2px}
.jr-read .lp-ic{width:14px;height:14px}

.jr-empty{display:flex;align-items:center;gap:16px}
.jr-empty h2{font:700 20px var(--lp-display);letter-spacing:-.03em}

/* one post */
.lp-body .jr-post{padding-top:118px}
.jr-post-head{max-width:820px}
.jr-post-chips{display:flex;gap:6px}
.lp-body .jr-post h1{margin:12px 0 0;font:700 clamp(30px,4vw,54px)/1 var(--lp-display);letter-spacing:-.05em}
.jr-lead{margin-top:14px;font-size:17px;line-height:1.5;color:#3E4640}
.jr-post .jr-meta{margin-top:12px;font-size:12.5px}
.jr-cover{margin:26px 0 0}
.jr-cover img{width:100%;max-height:560px;object-fit:cover;border-radius:24px}
.jr-text{max-width:720px;margin:30px auto 0;font-size:16px;line-height:1.75;color:#262D28}
.jr-text p+p,.jr-text ul,.jr-text figure,.jr-text h2+p{margin-top:16px}
.jr-text h2{margin-top:30px;font:700 24px/1.2 var(--lp-display);letter-spacing:-.03em;color:var(--lp-ink)}
.jr-text ul{padding-left:20px}
.jr-text li{margin-top:6px}
.jr-text li::marker{color:#6FA80F}
.jr-text figure img{border-radius:18px}
.jr-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-width:980px;margin:30px auto 0}
.jr-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.jr-share{display:flex;align-items:center;gap:12px;max-width:720px;margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(11,20,16,.1);font-size:13px;font-weight:600}
.jr-share .lp-mini-btn{display:inline-flex;align-items:center;gap:6px;height:34px}
.jr-share .lp-ic{width:14px;height:14px}
.jr-edit{margin-left:auto;color:var(--lp-mute);font-weight:500}
.jr-more{margin-top:48px}

@media (max-width:900px){.jr-feat{grid-template-columns:1fr}.jr-feat .jr-img{min-height:0;aspect-ratio:16/10}.jr-feat .jr-body{padding:18px}}
@media (max-width:600px){.lp-body .jr-post{padding-top:96px}.jr-text{font-size:15px}}

/* ======================================================================================================
   Cart (cart.php) — same card language as the order page
   ====================================================================================================== */
.lp-body .lp-cart{padding:124px 0 56px}
.lp-cart .cart-page{padding-top:0}
.lp-cart .cart-head{align-items:end;margin-bottom:18px}
.lp-body .lp-cart .cart-title{margin:0;font:700 clamp(30px,3.4vw,46px)/1 var(--lp-display);letter-spacing:-.045em;color:var(--lp-ink)}
.lp-cart .cart-title span{font:500 14px var(--lp-sans);letter-spacing:0;color:var(--lp-mute)}
.lp-cart .lp-back{font:600 13px var(--lp-sans);color:var(--lp-ink);border-bottom:1px solid var(--lp-lime)}
.lp-cart .split{gap:18px 24px}
.lp-cart .card{border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);box-shadow:none}
.lp-cart .cart-lines{padding:4px 20px}
.lp-cart .cart-lines .line{border-bottom:1px dashed rgba(11,20,16,.1)}
.lp-cart .cart-lines .line:last-child{border-bottom:0}
.lp-cart .cart-lines .thumb{border-radius:12px}
.lp-cart .line-t{font:600 14.5px var(--lp-sans);color:var(--lp-ink)}
.lp-cart .line-s{font-size:12px;color:var(--lp-mute)}
.lp-cart .line-p{font:700 15px var(--lp-display);letter-spacing:-.02em;color:var(--lp-ink)}
.lp-cart .qty-step{border:1px solid rgba(11,20,16,.15);background:#FBFAF6}
.lp-cart .qty-step button{color:var(--lp-ink);font-family:var(--lp-sans)}
.lp-cart .qty-step button:hover:not(:disabled){background:rgba(212,243,108,.6)}
.lp-cart .qty-step input{font-family:var(--lp-sans);color:var(--lp-ink)}
.lp-cart .qty-step input:focus{outline-color:var(--lp-leaf)}
.lp-cart .line-rm{color:var(--lp-mute)}
.lp-cart .line-rm:hover{color:#B3261E}
.lp-cart .cart-sum .op-h{display:flex;align-items:center;gap:8px;font:700 16px var(--lp-display);letter-spacing:-.02em;color:var(--lp-ink)}
.lp-cart .cart-sum .op-h .ic{width:16px;height:16px;opacity:.6}
.lp-cart .cart-sum .totals{color:var(--lp-ink)}
.lp-cart .cart-sum .totals .grand{border-top:1px solid rgba(11,20,16,.1);font-family:var(--lp-display);letter-spacing:-.02em}
.lp-cart .free-bar{color:var(--lp-mute)}
.lp-cart .free-bar strong{color:var(--lp-ink)}
.lp-cart .tk-bar{background:rgba(11,20,16,.08)}
.lp-cart .tk-bar>span{background:var(--lp-lime)}
.lp-cart .free-ok{color:#2F5212}
.lp-cart .btn{border-radius:999px;box-shadow:none;font:600 12.5px var(--lp-sans);letter-spacing:.05em;text-transform:uppercase}
.lp-cart .btn-primary{height:46px;background:var(--lp-ink);color:#fff;border:0}
.lp-cart .btn-primary:hover{background:var(--lp-lime);color:var(--lp-ink)}
.lp-cart .btn-outline{border:1px solid rgba(11,20,16,.18);background:#fff;color:var(--lp-ink)}
.lp-cart .btn-dark{background:var(--lp-ink);color:#fff}
.lp-cart .short{border-radius:14px;background:#FFF1D6;padding:12px 14px}
.lp-cart .notify-more input{border-radius:999px;border:1px solid rgba(11,20,16,.14);background:#fff}
.lp-cart .empty{padding:48px 24px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);text-align:center;color:var(--lp-mute)}
@media (max-width:600px){.lp-body .lp-cart{padding-top:96px}}

/* Account greeting: "As-salamu alaykum," smaller than the name after it */
.lp-salam{font-size:.55em;letter-spacing:-.02em}

/* My account, tidier: greeting + contact + stats as one white strip; "Add an order" starts level with
   "On the way" and stays in view while scrolling; the All orders list is one tight line per order. */
.lp-acc-head{grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:14px 16px 14px 14px;margin-bottom:20px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08)}
.lp-acc-avatar{width:52px;height:52px;font-size:18px}
.lp-body .lp-acc h1{margin:2px 0 0;font-size:clamp(24px,2.4vw,32px)}
.lp-acc-sub{margin-top:4px;font-size:12.5px}
.lp-acc-stats{align-self:stretch;border:0;border-left:1px solid rgba(11,20,16,.08);border-radius:0;background:none}
.lp-acc-stats div{display:grid;align-content:center;padding:4px 18px}
.lp-acc-stats div:last-child{padding-right:4px}
.lp-acc-stats dd{font-size:19px}
.lp-add{position:sticky;top:96px}
.lp-orow{grid-template-columns:auto auto minmax(0,1fr) auto 84px 14px;gap:12px;padding:7px 14px}
.lp-orow-ic{width:24px;height:24px;border-radius:8px}
.lp-orow-ic .ic{width:13px;height:13px}
.lp-orow-main{display:flex;align-items:baseline;gap:8px}
.lp-orow-main b{font-size:13px}
.lp-orow-main small{font-size:11px;white-space:nowrap}
.lp-orow-items{font-size:12px}
.lp-orow .lp-st{padding-block:2px;font-size:11px}
.lp-orow-total{font-size:13px}
@media (max-width:1020px){
  .lp-acc-stats{border-left:0;border-top:1px solid rgba(11,20,16,.08);width:auto;padding-top:10px}
  .lp-acc-stats div:first-child{padding-left:0}
  .lp-add{position:static}
}
@media (max-width:760px){.lp-orow-main{display:grid;gap:0}}
/* "On the way" above the grid, as wide as the orders column (grid: 1fr + 320px + 20px gap) */
.lp-acc>.lp-shell>.lp-onway{margin-bottom:20px;width:calc(100% - 340px)}
@media (max-width:1020px){.lp-acc>.lp-shell>.lp-onway{width:auto}}
/* All orders heading spans above the columns; the list and "Add an order" start on the same line */
.lp-acc-grid{row-gap:10px}
.lp-acc-grid>.lp-olist-head{grid-column:1}
.lp-acc-grid>.lp-acc-main{grid-column:1;grid-row:2}
.lp-acc-grid>.lp-add{grid-column:2;grid-row:2}
@media (max-width:1020px){.lp-acc-grid>.lp-acc-main,.lp-acc-grid>.lp-add{grid-column:auto;grid-row:auto}.lp-acc-grid>.lp-add{margin-top:10px}}

/* Order page: the status chip stands out — a solid border in its own colour, bolder text, a stronger dot */
.lp-order .op-title>.op-chip{height:32px;padding:0 14px 0 12px;border:1.5px solid currentColor;font-weight:700;font-size:13px}
.lp-order .op-title>.op-chip-amber{background:#FFE7B8;color:#6B3F00}
.lp-order .op-title>.op-chip-green{background:rgba(212,243,108,.85);color:#264510}
.lp-order .op-title>.op-chip-red{background:#FBDAD5;color:#7E170D}
.lp-order .op-title>.op-chip::before{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}

/* Order page milestones: the stage the order is at now keeps pulsing and blinking (not once it is Delivered — the last step) */
@keyframes lp-now-pulse{0%{box-shadow:0 0 0 0 rgba(212,243,108,.95),0 0 0 0 rgba(63,107,30,.35)}70%{box-shadow:0 0 0 7px rgba(212,243,108,0),0 0 0 12px rgba(63,107,30,0)}100%{box-shadow:0 0 0 0 rgba(212,243,108,0),0 0 0 0 rgba(63,107,30,0)}}
@keyframes lp-now-blink{50%{background:#F4FCD9}}   /* colour only: the dot stays solid, so the line never shows through */
.lp-order .om-now .om-dot{border:2px solid var(--lp-leaf)}   /* a fixed edge, so the dot stays joined to the line while it blinks */
.lp-order .om-now:not(:last-child) .om-dot{animation:lp-now-pulse 1.6s ease-out infinite,lp-now-blink 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.lp-order .om-now .om-dot{animation:none}}

/* Flash message on the new-design pages: a slim pill in the empty band above the logo and menu (the header's
   content starts ~40px down), so it never lands on the page content — it used to sit at 150px, over the first card. */
.lp-body .toast{top:6px;padding:6px 16px;border-radius:999px;font:600 13px/1.4 var(--lp-sans);box-shadow:0 10px 24px -14px rgba(11,20,16,.45);max-width:min(720px,calc(100vw - 32px));white-space:normal;text-align:center}
@media (max-width:600px){.lp-body .toast{top:4px;padding:5px 12px;font-size:12px}}

/* My account → Past orders: nothing yet (every order is still on the way) */
.lp-olist-none{margin:0;padding:14px 16px;border-radius:20px;background:#fff;border:1px solid rgba(11,20,16,.08);font-size:13px;color:var(--lp-mute)}

/* My account: orders use the full width; "Add an order" is a button in the Past orders heading that opens a pop-up */
.lp-acc-grid,.lp-acc-grid{grid-template-columns:minmax(0,1fr)}
.lp-acc>.lp-shell>.lp-onway{width:auto}
.lp-olist-head .lp-pills{margin-left:auto}
.lp-add-open{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 10px;border:0;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 13px var(--lp-sans);cursor:pointer;white-space:nowrap;transition:background .2s var(--lp-ease)}
.lp-olist-head .lp-pills+.lp-add-open{margin-left:0}
.lp-olist-head h2+.lp-add-open{margin-left:auto}
.lp-add-open .ic{width:15px;height:15px;color:var(--lp-lime)}
.lp-add-open:hover{background:#26332C}
.lp-add-open:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}
.lp-add-n{margin-left:4px;padding:1px 8px;border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);font-size:11px;font-weight:700}
.lp-add-dlg{position:fixed;inset:0;height:fit-content;max-height:calc(100vh - 32px);overflow:auto;width:min(440px,calc(100vw - 32px));margin:auto;padding:20px;border:0;border-radius:22px;box-shadow:0 30px 70px -24px rgba(11,20,16,.5);color:var(--lp-ink)}
.lp-add-dlg:not([open]){display:none}
.lp-add-dlg::backdrop{background:rgba(11,20,16,.45)}
.lp-add-dlg .lp-add-head{align-items:flex-start}
.lp-add-x{margin-left:auto;flex:none;width:30px;height:30px;border:0;border-radius:999px;background:#F2F1EC;color:var(--lp-ink);font-size:20px;line-height:1;cursor:pointer}
.lp-add-x:hover{background:#E6E4DC}

/* My account → the ongoing-order card under the On the way timeline: highlighted so it reads as "now" —
   warm amber tint, amber border with a left accent bar, bolder code and total, a soft glow */
.lp-orows-now{margin-top:2px;border:1.5px solid #E8A33D;background:#FFF8E9;box-shadow:0 10px 24px -16px rgba(232,163,61,.65)}
.lp-orows-now .lp-orow{position:relative;padding-left:20px}
.lp-orows-now .lp-orow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#E8A33D}
.lp-orows-now .lp-orow:hover{background:#FFF1D6}
.lp-orows-now li+li{border-top-color:rgba(232,163,61,.3)}
.lp-orows-now .lp-orow-main b,.lp-orows-now .lp-orow-total{font-weight:800}
.lp-orows-now .lp-st{box-shadow:inset 0 0 0 1.5px currentColor}
.lp-acc>.lp-shell>.lp-onway{margin-bottom:32px}   /* clear space between the ongoing-order card and Past orders */
/* On the way card, compact: tighter padding and gaps, smaller code, dots and labels */
.lp-onway-card{gap:6px;padding:10px 16px;border-radius:16px}
.lp-onway-top b{font-size:13.5px}
.lp-onway-top .lp-st{padding-block:1px;font-size:11px}
.lp-onway-total{font-size:13.5px}
.lp-steps-mini li{gap:3px;font-size:10px;line-height:1.2}
.lp-steps-mini li::before{top:4px}
.lp-steps-mini i{width:10px;height:10px;border-width:1.5px}
.lp-steps-mini li.now i{box-shadow:0 0 0 3px rgba(212,243,108,.45)}
.lp-onway-card .lp-tk-meta{font-size:11px}
/* On the way timeline: the current step pulses — a lime glow ring grows and fades while the dot zooms gently.
   The dot stays solid (no opacity), so it never looks cut off from the line. */
@keyframes lp-step-glow{0%{box-shadow:0 0 0 0 rgba(212,243,108,.95),0 0 0 0 rgba(63,107,30,.35)}70%{box-shadow:0 0 0 7px rgba(212,243,108,0),0 0 0 11px rgba(63,107,30,0)}100%{box-shadow:0 0 0 0 rgba(212,243,108,0),0 0 0 0 rgba(63,107,30,0)}}
@keyframes lp-step-zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
.lp-steps-mini li.now i{animation:lp-step-glow 1.6s ease-out infinite,lp-step-zoom 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.lp-steps-mini li.now i{animation:none}}
/* On the way timeline: the line into each step already reached is green when that step met its time target,
   amber when it ran late (dots stay as they are) */
.lp-steps-mini li.sla-ok::before{background:#2F8A3E}
.lp-steps-mini li.sla-late::before{background:#E8A33D}
.lp-onway-card{padding-bottom:16px}   /* breathing room under the timeline labels */

/* Home page header: the slogan ("Soil to Soul") under the logo, in leaf green small caps */
.lp-logo-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.lp-logo-slogan{display:inline-flex;align-items:center;gap:6px;padding-left:2px;font:600 10.5px var(--lp-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--lp-leaf);white-space:nowrap}
.lp-logo-slogan::before{content:"";width:18px;height:1.5px;border-radius:2px;background:var(--lp-leaf)}   /* leaf green: lime vanished on the off-white */
@media (max-width:600px){.lp-logo-slogan{font-size:9px;letter-spacing:.16em}}

/* ======================================================================================================
   Phones (≤600px), Oct 2026 — from the approved mobile mock (mock-mobile.html): solid dark header bar,
   hero = product card with a dark text card overlapping it, quick-facts strip, 2-up offer cards, 2×2 "why" cells.
   Nothing fades in on phones. `.lp-only-p` pieces exist only here.
   ====================================================================================================== */
.lp-only-p{display:none}
@media (max-width:600px){
  .lp-ld,.lp-rv{opacity:1;transform:none;animation:none;transition:none}

  /* Header: fixed forest bar — menu left, logo centred, track + cart right (log in lives in the menu sheet) */
  .lp-hdr{position:fixed;padding:0;height:60px;background:var(--lp-forest);color:#fff;--lp-txt:#fff;box-shadow:0 8px 20px -14px rgba(11,20,16,.6)}
  .lp-hdr .lp-shell{width:100%;height:100%;padding:0 6px}
  .lp-hdr .lp-top{grid-template-columns:44px 1fr 44px 44px;gap:0}
  .lp-hdr .lp-tools{display:contents}
  .lp-hdr .lp-tools>*{width:44px;height:44px;justify-content:center;color:#fff}
  .lp-hdr .lp-tools .lp-ic{width:21px;height:21px}
  .lp-hdr [data-lp-menu]{grid-column:1;grid-row:1}
  .lp-hdr :is(.lp-logo-wrap,.lp-top>.lp-logo){grid-column:2;grid-row:1;justify-self:center;align-items:center}
  .lp-hdr .lp-tools>a[href*="track"]{grid-column:3;grid-row:1}
  .lp-hdr [data-cart-link]{grid-column:4;grid-row:1}
  .lp-hdr :is(.lp-login,.lp-acct){display:none}
  .lp-hdr .lp-tools .lp-n{top:5px;right:4px}
  .lp-logo-img{height:30px;content:url(logo-white.png?v=4)}   /* the white logo on the dark bar */
  .lp-logo-wrap{gap:1px}
  .lp-logo-slogan{font-size:8px;letter-spacing:.24em;color:var(--lp-lime);padding:0}
  .lp-logo-slogan::before{display:none}
  .lp-body .lp-hero-in,.lp-body .lp-phero-in{padding-top:72px}

  /* Hero: product on a white card, dark text card overlapping its bottom edge */
  .lp-hero{min-height:0;border-bottom:0;background:var(--lp-paper)}
  .lp-hero-in{padding-bottom:0}
  .lp-hero-grid{display:flex;flex-direction:column;gap:0;padding-top:0}
  .lp-obj{order:-1;min-height:0;height:290px;margin:0;border-radius:22px;background:#fff;border:1px solid var(--lp-line-d);overflow:hidden}
  .lp-prod{place-items:start center}
  .lp-prod img{width:270px;height:270px;max-width:none;margin-top:-6px}   /* centred square; the text card covers the bottom 58px */
  .lp-obj .lp-tag,.lp-obj-dots{display:none!important}   /* just the product picture on phones: no status / name labels */
  .lp-hero-txt{position:relative;z-index:3;margin:-58px 12px 0;padding:18px;border-radius:20px;background:var(--lp-forest);color:#fff;
    --lp-txt:#fff;--lp-txt-2:rgba(255,255,255,.7);--lp-line:rgba(255,255,255,.22)}
  .lp-hero-txt .lp-proof{display:block;padding:0;border:0;font-size:12px}
  .lp-hero-txt .lp-proof .lp-pulse{display:none}
  .lp-hero-txt .lp-proof b{color:inherit;font-weight:500}
  .lp-hero-news{margin:12px 12px 12px}   /* on a phone the pill sits between the text card and the featured banner */
  .lp-body .lp-hero-txt h1{margin:6px 0 4px;font-size:clamp(28px,8.6vw,34px);line-height:1.02;letter-spacing:-.04em}
  .lp-body .lp-hero-txt h1 .lp-lime{color:var(--lp-lime)}
  .lp-hero-txt .lp-sign{margin:0;rotate:0deg;font-size:20px;color:var(--lp-lime);opacity:.9}
  .lp-hero-txt .lp-sign svg,.lp-hero-txt .lp-lead{display:none}
  .lp-hero-txt>div:last-of-type{display:flex;gap:8px;margin-top:14px}
  .lp-hero-txt .lp-cta,.lp-hero-txt .lp-cta-2{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;height:44px;margin:0;padding:0 10px;border-radius:12px;
    font:600 13px var(--lp-sans);letter-spacing:0;text-transform:none;white-space:nowrap}
  .lp-hero-txt .lp-cta{background:var(--lp-lime);color:var(--lp-ink);border:0}
  .lp-hero-txt .lp-cta .lp-dot{display:none}
  .lp-hero-txt .lp-cta::after{content:"→"}
  .lp-hero-txt .lp-cta-2{border:1px solid rgba(255,255,255,.25);color:#fff}

  /* Tracker card under the hero (replaces the "Have a code?" box further down on phones) */
  .lp-mtrack.lp-only-p{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:8px;background:#fff;border-radius:16px;border:1px solid var(--lp-line-d)}
  .lp-mtrack:focus-within{border-color:var(--lp-ink)}
  .lp-mtrack-ic{flex:none;width:40px;height:40px;border-radius:12px;background:#EEF6D6;color:var(--lp-leaf);display:grid;place-items:center}
  .lp-mtrack-in{flex:1;min-width:0;display:grid;line-height:1.2}
  .lp-mtrack-in small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-mute)}
  .lp-mtrack-in input{width:100%;min-width:0;height:24px;padding:0;border:0;background:none;font:600 15px var(--lp-sans);letter-spacing:.03em;color:var(--lp-ink);text-transform:uppercase}
  .lp-mtrack-in input::placeholder{color:#A5A99F;font-weight:500;text-transform:none}
  .lp-mtrack-in input:focus{outline:none}
  .lp-mtrack button{flex:none;height:40px;padding:0 16px;border:0;border-radius:12px;background:var(--lp-ink);color:var(--lp-lime);font:600 13.5px var(--lp-sans);cursor:pointer}
  #why .lp-track{display:none}

  /* Sections: tighter, short heads */
  .lp-sec{padding:28px 0}
  .lp-head{margin-bottom:12px;gap:4px}
  .lp-h2{font-size:24px;margin-top:4px;letter-spacing:-.03em}
  .lp-head p{font-size:13px}
  #offer .lp-head p{display:none}
  .lp-live{margin-top:0}
  .lp-label{font-size:10.5px}

  /* Offerings: 2-up cards (an odd last card goes full width, picture on the left) */
  .lp-cf-wrap{display:none}
  .lp-mgrid.lp-only-p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lp-mcard{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--lp-line-d)}
  .lp-mcard-img{position:relative;display:block;aspect-ratio:1;background:var(--lp-paper-2)}
  .lp-mcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .lp-mcard-tag{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:6px;padding:3px 8px 3px 7px;border-radius:99px;background:rgba(255,255,255,.94);font:600 10px var(--lp-sans)}
  .lp-mcard-tag .lp-pulse{width:6px;height:6px;background:#6BBF2A;box-shadow:0 0 0 3px rgba(107,191,42,.2)}
  .lp-mcard-tag .lp-pulse.off{background:#E0A11B;box-shadow:0 0 0 3px rgba(224,161,27,.2)}
  .lp-mcard-bd{display:flex;flex-direction:column;flex:1;padding:9px 10px 10px;min-width:0}
  .lp-mcard-t{font:700 15px/1.15 var(--lp-display);letter-spacing:-.015em}
  .lp-mcard-bd>small{font-size:11px;color:var(--lp-mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lp-mcard-buy{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:8px}
  .lp-mcard-buy b{font-size:13px;font-weight:700;line-height:1.2}
  .lp-mcard-buy b small{font-weight:500;color:var(--lp-mute);font-size:11px}
  .lp-mcard{position:relative;margin:0}
  .lp-mcard-t::after{content:"";position:absolute;inset:0;z-index:1}   /* the whole card opens the product… */
  .lp-mcard-go{position:relative;z-index:2;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:11px;background:var(--lp-paper-2);color:var(--lp-ink);display:grid;place-items:center;cursor:pointer;
    transition:background .2s var(--lp-ease),transform .2s var(--lp-ease)}   /* …except the + / → button */
  .lp-mcard-go.on{background:var(--lp-lime)}
  .lp-mcard-go:active{transform:scale(.92)}
  .lp-mcard-go .lp-ic{width:17px;height:17px}
  .lp-mcard-go.is-busy{opacity:.55}
  .lp-mcard-go.is-done{background:var(--lp-ink);color:var(--lp-lime)}
  .lp-mcard-go.is-done .lp-ic{display:none}
  .lp-mcard-go.is-done::after{content:"";width:6px;height:11px;margin-top:-3px;border:solid var(--lp-lime);border-width:0 2.5px 2.5px 0;rotate:45deg}   /* a tick */
  .lp-mcard:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row}
  .lp-mcard:last-child:nth-child(odd) .lp-mcard-img{width:40%;flex:none;aspect-ratio:auto;min-height:130px}
  .lp-mcard:last-child:nth-child(odd) .lp-mcard-bd{padding:12px}

  .lp-ask-strip{margin-top:12px;padding:14px;border-radius:16px;gap:2px 12px}
  .lp-ask-strip .lp-label{display:none}
  .lp-ask-strip h3{font-size:16px;letter-spacing:-.02em}
  .lp-ask-strip p{font-size:12px}
  .lp-ask-strip .lp-go{width:36px;height:36px;background:var(--lp-ink);color:var(--lp-lime);border:0;grid-row:1 / span 2}

  /* Why: no big stat list (the facts strip has it), 2×2 cells, one-row code box */
  .lp-dark .lp-stats{display:none}
  .lp-cards{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
  .lp-card.lp-only-p{display:grid}
  .lp-card{padding:11px;gap:2px 8px;border:0;border-radius:14px;background:var(--lp-moss)}
  .lp-card .lp-ic{width:17px;height:17px}
  .lp-card h3{font-size:13px}
  .lp-card p{font-size:11px;line-height:1.35}
  .lp-track{margin-top:12px;padding:14px;gap:10px;border-radius:14px}
  .lp-track h3{font-size:18px}
  .lp-track p{display:none}
  .lp-track form{flex-direction:row;padding:4px;border-radius:12px;background:#fff}
  .lp-track input{height:40px;border:0;padding:0 8px;color:var(--lp-ink);font-size:13px}
  .lp-track input::placeholder{color:var(--lp-mute)}
  .lp-track .lp-cta{height:40px;padding:0 16px;border-radius:10px;justify-content:center}
  .lp-track .lp-cta .lp-dot{display:none}

  /* Visit: a short photo card */
  .lp-visit{min-height:220px;border-radius:20px}
  .lp-visit::before{background:linear-gradient(to top,rgba(11,20,16,.9),rgba(11,20,16,.2) 75%)}
  .lp-visit-in{padding:16px;gap:0}
  .lp-visit .lp-label,.lp-visit .lp-contact{display:none}
  .lp-visit .lp-h2{font-size:22px;margin:0}
  .lp-visit p{font-size:12.5px;margin-top:4px}
  .lp-visit .lp-cta{margin-top:12px;padding:4px 14px 4px 4px;gap:8px;font-size:11px}
  .lp-visit .lp-cta .lp-dot{width:30px;height:30px}

  /* Cart bar sits at the bottom (no tab bar on these pages); WhatsApp button just above it */
  .lp-body .cart-bar{bottom:calc(10px + env(safe-area-inset-bottom) + var(--lift,0px));padding:6px 6px 6px 10px;border-radius:16px;background:var(--lp-ink)}
  .lp-body .cart-bar .cb-ic{width:34px;height:34px}
  .lp-body .cart-bar .cb-go{background:var(--lp-lime);color:var(--lp-ink)}
  .lp-body.has-cart-bar main{padding-bottom:70px}
  .lp-body .wa-float{display:flex;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:50px;height:50px;background:#25D366}
  .lp-body.has-cart-bar .wa-float{bottom:calc(76px + env(safe-area-inset-bottom) + var(--lift,0px))}
}

/* Menu panel (☰), Oct 2026: account card · 2×2 main tiles · more pages · WhatsApp.
   Wider screens: a drop-down under the button. Phones: a drawer from the left over a dimmed page. */
.lp-sheet{display:flex;flex-direction:column;width:330px;min-width:0;padding:0;gap:0;overflow:hidden auto;max-height:calc(100vh - 110px);color:var(--lp-ink);font-size:14px}
.lp-scrim[hidden]{display:none}
.lp-sh-top{display:none}
.lp-sheet .lp-sh-acct{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;padding:10px 12px;border-radius:14px;background:var(--lp-paper)}
.lp-sh-me{display:flex;gap:8px;margin:12px 12px 10px}   /* account card + Home */
.lp-sheet .lp-sh-home{flex:none;width:64px;display:grid;place-items:center;align-content:center;gap:3px;padding:0;border-radius:14px;background:var(--lp-paper);font-size:11px;font-weight:600}
.lp-sh-home .lp-ic{width:20px;height:20px;color:var(--lp-leaf)}
.lp-sheet .lp-sh-home:hover{background:var(--lp-paper-2)}
.lp-sheet .lp-sh-home.on{background:var(--lp-ink);color:#fff}
.lp-sh-home.on .lp-ic{color:var(--lp-lime)}
.lp-sheet a.lp-sh-acct:hover{background:var(--lp-paper-2)}
.lp-sh-acct>span:not(.lp-sh-av){flex:1;min-width:0;display:grid;line-height:1.25}
.lp-sh-acct b{font-weight:600;font-size:14px}
.lp-sh-acct small{font-size:11.5px;color:var(--lp-mute)}
.lp-sh-acct>.lp-ic{width:16px;height:16px;opacity:.5}
.lp-sh-av{flex:none;width:36px;height:36px;border-radius:50%;background:var(--lp-forest);color:var(--lp-lime);display:grid;place-items:center;font:700 15px var(--lp-display)}
.lp-sh-av .lp-ic{width:17px;height:17px}
.lp-sheet .lp-sh-in{flex:none;height:32px;padding:0 14px;border-radius:99px;background:var(--lp-ink);color:#fff;display:grid;place-items:center;font-weight:600;font-size:12.5px}
.lp-sheet .lp-sh-in:hover{background:var(--lp-forest);color:#fff}
.lp-sh-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}
.lp-sheet .lp-sh-tiles a{display:grid;gap:1px;padding:11px 12px 12px;border-radius:14px;border:1px solid var(--lp-line-d);background:#fff;transition:border-color .2s var(--lp-ease)}
.lp-sheet .lp-sh-tiles a:hover{background:#fff;border-color:rgba(11,20,16,.4)}
.lp-sh-tiles .lp-ic{width:34px;height:34px;padding:8px;margin-bottom:8px;border-radius:10px;background:#EEF6D6;color:var(--lp-leaf)}
.lp-sh-tiles b{font-weight:600;font-size:14px}
.lp-sh-tiles small{font-size:11px;color:var(--lp-mute)}
.lp-sheet .lp-sh-tiles a.on{border-color:var(--lp-ink)}
.lp-sh-tiles a.on .lp-ic{background:var(--lp-ink);color:var(--lp-lime)}
.lp-sh-list{display:grid;padding:4px 12px 18px}   /* bottom room keeps the small buttons off the WhatsApp button */
.lp-sheet .lp-sh-list>a{display:flex;align-items:center;gap:12px;padding:9px 6px;font-size:13.5px;border-radius:0;border-bottom:1px solid var(--lp-line-d)}
.lp-sheet .lp-sh-list>a:hover{background:none;color:var(--lp-leaf)}
.lp-sh-list>a>.lp-ic{width:16px;height:16px;opacity:.6}
.lp-sh-list a.on{font-weight:600}
.lp-sh-chev{margin-left:auto;width:15px!important;height:15px!important;rotate:-90deg;opacity:.35!important}
.lp-sh-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--lp-lime);font-size:10.5px;font-weight:700;display:grid;place-items:center}
.lp-sh-mini{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 0}
.lp-sheet .lp-sh-mini a,.lp-sheet .lp-sh-mini button{width:auto;padding:5px 11px;border-radius:99px;border:1px solid var(--lp-line-d);font-size:12px;color:var(--lp-ink)}
.lp-sheet .lp-sh-mini button{color:#8C1D12}
.lp-sheet .lp-sh-mini form{margin:0}
.lp-sheet .lp-sh-wa{display:flex;align-items:center;gap:10px;margin:14px 12px 12px;padding:8px 12px;border-radius:12px;background:#1FA855;color:#fff}
.lp-sheet .lp-sh-wa:hover{background:#178E47;color:#fff}
.lp-sh-wa .lp-ic{width:18px;height:18px;flex:none}
.lp-sh-wa span{display:grid;line-height:1.2}
.lp-sh-wa b{font-weight:600;font-size:13px}
.lp-sh-wa small{font-size:10.5px;opacity:.85}
@media (max-width:600px){
  html.lp-menu-open{overflow:hidden}
  html.lp-menu-open :is(.cart-bar,.wa-float){display:none!important}   /* both float above the header; the drawer has Cart and WhatsApp */
  .lp-scrim{position:fixed;inset:0;z-index:40;background:rgba(11,20,16,.5);animation:lp-fade .25s var(--lp-ease)}
  .lp-sheet{position:fixed;top:0;left:0;right:auto;bottom:0;z-index:41;width:min(86vw,340px);max-height:none;border-radius:0 22px 22px 0;border:0;
    background:var(--lp-paper);box-shadow:20px 0 50px -20px rgba(11,20,16,.5);animation:lp-drawer .3s var(--lp-ease)}
  .lp-sh-top{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 18px;min-height:60px;background:var(--lp-forest)}
  .lp-sh-logo{height:28px;width:auto}
  .lp-sheet .lp-sh-x{width:38px;height:38px;padding:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center}
  .lp-sheet .lp-sh-x:hover{background:rgba(255,255,255,.18)}
  .lp-sheet :is(.lp-sh-acct,.lp-sh-home:not(.on)){background:#fff;border:1px solid var(--lp-line-d)}
  .lp-sh-wa{margin-top:auto!important}
}
@keyframes lp-drawer{from{transform:translateX(-100%)}}
@keyframes lp-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.lp-sheet,.lp-scrim{animation:none}}

/* Account → My details / Password, Oct 2026: compact fields (smaller type, shorter boxes, tighter gaps) */
.lp-acc .lp-acc-form,.lp-acc-pw .lp-panel{padding:18px 20px}
.lp-acc .lp-acc-form h2,.lp-acc-pw h2{font-size:17px}
.lp-acc .lp-acc-cols{gap:22px;margin-top:12px}
.lp-acc .lp-acc-fields{gap:8px}
.lp-acc .lp-fld{gap:2px;align-content:start}   /* boxes in a row line up even when one has a hint line under it */
.lp-acc .lp-fld .pw-live:empty{display:none}
.lp-acc .lp-fld>label{font-size:9.5px;letter-spacing:.07em}
.lp-acc .lp-fld input{height:34px;padding:0 11px;border-radius:9px;font-size:13px}
.lp-acc .lp-err{font-size:11.5px}
.lp-acc .lp-acc-facts dd{font-size:13px}
.lp-acc .lp-acc-geo{gap:8px}
.lp-acc .geo-row{margin-top:4px}
.lp-acc .geo-row .btn{height:32px;padding:0 12px;font-size:12px}
.lp-acc .geo-status{font-size:11.5px}
.lp-acc-map iframe,.lp-acc-map .geo-map{height:130px}
.lp-acc .lp-acc-foot{margin-top:12px;padding-top:12px;font-size:12px}
.lp-acc .lp-submit{height:38px;font-size:12.5px}
/* Password: the form is narrower; the two new-password boxes share a row */
.lp-acc-pw{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:32px}
.lp-acc-pw .lp-card-sub{font-size:12px}
.lp-acc-pw .lp-form{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.lp-acc-pw .lp-form>:first-child,.lp-acc-pw .lp-form>.lp-submit{grid-column:1 / -1}
.lp-acc-pw .lp-form .pw-live{grid-column:1 / -1;font-size:11.5px}
.lp-acc-tips .lp-points li{font-size:13px}
.lp-acc-tips .lp-points .ic{width:28px;height:28px;padding:6px;border-radius:9px}
@media (max-width:1020px){.lp-acc-pw{grid-template-columns:1fr;gap:16px}}
@media (max-width:600px){
  .lp-acc .lp-acc-form,.lp-acc-pw .lp-panel{padding:14px}
  .lp-acc .lp-acc-fields{grid-template-columns:1fr 1fr}
  .lp-acc .lp-acc-fields>*{grid-column:1 / -1}
  .lp-acc .lp-acc-fields>.lp-span-3,.lp-acc .lp-acc-fields>.lp-span-2,.lp-acc .lp-acc-fields>.lp-span-4{grid-column:auto}   /* mobile+email, address+city side by side */
  .lp-acc .lp-acc-foot .lp-submit{width:100%}
  /* Password: the "A good password" tips go under the form, in small print */
  .lp-acc-pw{gap:12px}
  .lp-acc-pw .lp-acc-tips{order:2;padding:0 4px}
  .lp-acc-tips .lp-label{font-size:9.5px}
  .lp-acc-tips .lp-points{margin-top:8px;gap:6px}
  .lp-acc-tips .lp-points li{gap:8px;font-size:11.5px;line-height:1.35;color:var(--lp-mute)}
  .lp-acc-tips .lp-points li b{color:var(--lp-ink)}
  .lp-acc-tips .lp-points .ic{width:22px;height:22px;padding:5px;border-radius:7px}
  /* Order rows (ongoing + past), two lines: icon | code · date | total, then items | status */
  .lp-acc .lp-orow{grid-template-columns:auto minmax(0,1fr) auto;gap:3px 10px;padding:9px 12px;align-items:center}
  .lp-acc .lp-orows-now .lp-orow{padding-left:16px}
  .lp-acc .lp-orow-ic{grid-row:1 / span 2;align-self:center;width:28px;height:28px}
  .lp-acc .lp-orow-main{display:flex;align-items:baseline;gap:6px;min-width:0}
  .lp-acc .lp-orow-main b{font-size:13px}
  .lp-acc .lp-orow-main small{font-size:10.5px}
  .lp-acc .lp-orow-total{grid-column:3;grid-row:1;font-size:13px}
  .lp-acc .lp-orow-items{grid-column:2;grid-row:2;font-size:11.5px}
  .lp-acc .lp-orow .lp-st{grid-column:3;grid-row:2;justify-self:end;padding:1px 8px;font-size:10px}
  .lp-acc .lp-orows,.lp-acc .lp-orows-now{border-radius:14px}
  .lp-acc>.lp-shell>.lp-onway{margin-bottom:18px}
}

/* Monthly box card (account + order page), Oct 2026: compact, smaller type; Stop is a red outline button */
.lp-body .box-panel{gap:6px;padding:12px 14px;border-radius:16px;font-size:12px;line-height:1.4}
.lp-body .box-panel p{margin:0}
.lp-body .box-panel strong{font-size:13px}
.lp-body .box-panel .small{font-size:11px}
.lp-body .box-panel .eyebrow{font-size:9.5px}
.lp-body .box-panel .eyebrow .ic{width:12px;height:12px}
.lp-body .box-panel .btn-row{gap:6px;margin-top:2px}
.lp-body .box-panel .btn{height:28px;padding:0 11px;font-size:11.5px;font-weight:600;border-width:1px}
.lp-body .box-panel .btn-outline:not(.btn-stop){border-color:rgba(11,20,16,.22);color:var(--lp-ink)}
.lp-body .box-panel .btn-stop{color:#8C1D12;border-color:rgba(140,29,18,.35);background:#fff}
.lp-body .box-panel .btn-stop:hover{color:#fff;background:#8C1D12;border-color:#8C1D12}

/* Ongoing order row: no status pill — the "On the way" tracker right above already shows it */
.lp-orows-now .lp-orow .lp-st{display:none}
@media (max-width:600px){.lp-acc .lp-orows-now .lp-orow-items{grid-column:2 / -1}}
.lp-onway-top .lp-st{box-shadow:inset 0 0 0 1px currentColor}   /* the tracker's status pill, outlined (it is the only status shown for an ongoing order) */

/* Phones: compact "My account" card — small avatar, one-line contact, slim stats row */
@media (max-width:600px){
  .lp-acc .lp-acc-head{gap:4px 12px;padding:12px 14px;margin-bottom:14px;border-radius:16px}
  .lp-acc .lp-acc-avatar{width:40px;height:40px;font-size:14px}
  .lp-acc .lp-acc-head .lp-label{font-size:12px;letter-spacing:.08em}
  .lp-body .lp-acc-head h1{margin:2px 0 0;font-size:20px;line-height:1.1}
  .lp-acc .lp-acc-sub{margin-top:2px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lp-acc .lp-acc-stats{margin-top:6px;padding-top:8px}
  .lp-acc .lp-acc-stats div{padding:0 14px}
  .lp-acc .lp-acc-stats div:first-child{padding-left:0}
  .lp-acc .lp-acc-stats dt{font-size:9px}
  .lp-acc .lp-acc-stats dd{font-size:15px}
}
/* Menu account card greeting: "As-salamu alaykum," small on its own line above the name */
.lp-sh-salam{display:block;font-size:11px;font-weight:500;color:var(--lp-mute)}
.lp-sh-acct b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hero picture: no status / name labels on any screen (phones already hid them) */
.lp-obj .lp-tag{display:none!important}

/* Lot prices: "per acre" underlined, the total line 1px larger */
.lp-pc-price .lp-unit{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lp-pc-price b ~ small{font-size:11.5px}

/* "Available" pill: a soft ripple spreads from its green dot. The old hop on hover is gone, nothing else moves. */
.lp-chip .lp-pulse:not(.off){position:relative}
.lp-chip .lp-pulse:not(.off)::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--lp-lime);animation:lp-ripple 1.8s ease-out infinite;pointer-events:none}
@keyframes lp-ripple{0%{transform:scale(1);opacity:.8}100%{transform:scale(3.4);opacity:0}}
.lp-pc:hover .lp-hop,.lp-cf-card.on:hover .lp-hop{animation:none}
@media (prefers-reduced-motion:reduce){.lp-chip .lp-pulse:not(.off)::after{animation:none;opacity:0}}
/* Available pill, reversed: green pill, white dot (and white ripple) */
.lp-chip:has(.lp-pulse:not(.off)){background:#2F7D32;border-color:transparent;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.lp-chip .lp-pulse:not(.off){background:#fff;box-shadow:none}
.lp-chip .lp-pulse:not(.off)::after{background:#fff}
/* Available pill uses the same lime as the "Request a visit" button; dark text, white dot with a thin ring so it still shows on lime */
.lp-chip:has(.lp-pulse:not(.off)){background:var(--lp-lime);color:var(--lp-ink);font-weight:600}
.lp-chip .lp-pulse:not(.off){background:#fff;box-shadow:0 0 0 1.5px rgba(11,20,16,.45)}
.lp-chip .lp-pulse:not(.off)::after{background:rgba(11,20,16,.35)}
/* Available pill: white ring, a little bigger */
.lp-chip .lp-pulse:not(.off){width:9px;height:9px;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.lp-chip .lp-pulse:not(.off)::after{background:#fff;animation-name:lp-ripple-lg}
@keyframes lp-ripple-lg{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.lp-chip:has(.lp-pulse:not(.off)){gap:9px}
/* Available pill: the white dot gets a dark-green border so it shows on lime; the ripple ring is outlined the same way */
.lp-chip .lp-pulse:not(.off){box-sizing:border-box;width:12px;height:12px;border:3px double #2F5D1E;background:#fff;box-shadow:none}
.lp-chip .lp-pulse:not(.off)::after{inset:-3px;box-sizing:border-box;border:3px double #2F5D1E;background:#fff}

/* Hero background pictures (Admin → Site content → Hero background): faded line-art behind the hero, crossfading */
.lp-hbg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.lp-hbg-pic{position:absolute;left:var(--hb-left,50%);top:calc(50% + var(--hb-lift,0%));width:var(--hb-width,100%);max-width:none;height:auto;transform:translate(-50%,-50%);opacity:0;mix-blend-mode:multiply;transition:opacity 1.6s ease}
.lp-hbg-pic.on{opacity:var(--hb-op,.3)}
.lp-hbg-pic{-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 52%,transparent 100%)}   /* soft edges: no hard picture border */
/* Dissolving edges: fade out on all four sides so the picture melts into the page, no visible frame */
.lp-hbg-pic{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
/* Hero product picture: size and position set in Admin → Site content → Hero pictures */
.lp-prod img{width:min(100%,calc(580px * var(--ho-s,1)));transform:translate(var(--ho-x,0%),var(--ho-y,0%))}
@media (max-width:600px){.lp-prod img{width:270px;transform:none}}

/* Featured banner along the bottom of the hero (text and picture set in Admin → Site content → Featured banner) */
.lp-feat{display:flex;align-items:center;gap:16px;margin-top:22px;padding:12px 14px 12px 12px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid var(--lp-line-d);box-shadow:0 18px 30px -26px rgba(11,20,16,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--lp-ink);transition:border-color .25s var(--lp-ease),transform .25s var(--lp-ease)}
.lp-feat:hover{border-color:rgba(11,20,16,.32);transform:translateY(-1px)}
.lp-feat-img{flex:none;width:60px;height:60px;border-radius:12px;overflow:hidden;background:#F1F0EA}
.lp-feat-img img{width:100%;height:100%;object-fit:cover}
.lp-feat-tx{flex:1;min-width:0;display:grid;gap:2px}
.lp-feat-tag{justify-self:start;padding:2px 9px;border-radius:99px;background:var(--lp-lime);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.lp-feat-tx b{font:700 17px/1.2 var(--lp-display);letter-spacing:-.02em}
.lp-feat-tx small{font-size:13px;color:var(--lp-mute)}
.lp-feat-go{flex:none;display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.lp-feat-go .lp-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lp-ink);color:var(--lp-lime)}
.lp-feat-go .lp-ic{width:16px;height:16px}
@media (max-width:600px){.lp-feat{margin-top:14px;padding:10px;gap:10px}.lp-feat-img{width:48px;height:48px}.lp-feat-tx b{font-size:15px}.lp-feat-go{font-size:0;gap:0}}
/* Featured banner, balanced: words at the left, price / highlight in the middle-right, button at the far right */
.lp-feat-pr{flex:none;display:grid;gap:1px;justify-items:end;padding:0 18px 0 20px;margin-left:auto;border-left:1px solid var(--lp-line-d);text-align:right}
.lp-feat-pr small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-feat-pr b{font:700 22px/1.1 var(--lp-display);letter-spacing:-.03em}
.lp-feat-tx{flex:1 1 auto}
@media (max-width:600px){.lp-feat-pr{padding:0 6px 0 10px}.lp-feat-pr b{font-size:16px}.lp-feat-pr small{display:none}}

/* Hero balance: a wider, taller picture column, a lighter headline, and the small print moved off the left stack */
.lp-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
.lp-hero .lp-body h1, .lp-body .lp-hero h1{font-size:clamp(36px,4.6vw,68px)}
.lp-obj{min-height:560px}
.lp-prod img{width:min(100%,calc(680px * var(--ho-s,1)))}
.lp-hero-lead{grid-column:2;grid-row:2;justify-self:end;align-self:start;max-width:380px;margin:-8px 0 0;text-align:right;font-size:13px}
.lp-hero-lead::before{content:"";display:block;width:46px;height:2px;margin:0 0 10px auto;background:var(--lp-lime)}
@media (max-width:1020px){.lp-hero-grid{grid-template-columns:1fr}.lp-hero-lead{grid-column:1;grid-row:auto;justify-self:start;text-align:left;margin:0}.lp-hero-lead::before{margin-left:0}.lp-obj{min-height:300px}}
@media (max-width:600px){.lp-hero-grid>.lp-lead{display:none}.lp-prod img{width:270px}}

/* Hero fills the first screen exactly (no sliver of the next section); the featured banner sits at its foot */
.lp-hero{min-height:max(620px,100svh)}
.lp-hero-in{padding-bottom:28px}
.lp-hero-grid{padding-top:24px}
.lp-hero .lp-feat{margin-top:auto}
.lp-hero-grid{margin-bottom:22px}
.lp-hero-lead{display:none}
@media (max-width:1020px){.lp-hero{min-height:0}}

/* Quieter small print; the headline steps in a little from the left edge; a wider featured picture */
.lp-hero .lp-lead{max-width:300px;margin-top:14px;font-size:12px;letter-spacing:.01em;color:var(--lp-mute);opacity:.85}
/* the heading starts at the same left edge as the farm-size pill above it (it used to be pushed in); the hand-written line under it moves by the same amount so the two stay together */
@media (min-width:1021px){.lp-body .lp-hero h1{margin-left:0}.lp-body .lp-hero .lp-sign{margin-left:calc(250px - clamp(14px,2.4vw,40px))}}
/* Wide screens: the acres pill stays at the top; the heading, buttons and intro text are shifted down by 57px (the 22px gap above the pill row plus
   the pill's 35px height) so the last line of text ends level with the latest-article pill at the right. A visual shift only: the hero keeps its height. */
@media (min-width:1021px){
  .lp-hero-txt>:not(.lp-proof){position:relative;top:57px}
  .lp-body .lp-hero .lp-hero-txt h1{margin-top:24px}   /* was 48px: tightens the gap under the acres pill so the text, the pill and the featured card at the foot all sit 24px higher (the card was touching the bottom of the screen) */
  .lp-hero-news{pointer-events:none}   /* the pill row spans the hero: it must not catch clicks meant for the text that now reaches into it */
  .lp-hero-news .lp-proof-new{pointer-events:auto}
}

/* Featured banner: a thin line between the picture and its words */
.lp-feat-img + .lp-feat-tx{padding-left:16px;border-left:1px solid var(--lp-line-d)}
.lp-hero .lp-lead{max-width:340px}
/* Featured banner: a thin line between the price block and the button too */
.lp-feat-pr{padding-right:20px;margin-right:2px;border-right:1px solid var(--lp-line-d)}
.lp-hero .lp-lead{max-width:400px}
@media (max-width:600px){.lp-feat-pr{padding-right:10px}}
/* Featured banner: price block a little further left, more room before the button */
.lp-feat-pr{padding-right:30px;margin-right:18px}
@media (max-width:600px){.lp-feat-pr{padding-right:12px;margin-right:6px}}
/* Small print lines up with the rounded edge of the button above it */
.lp-hero .lp-lead{margin-left:5px}
/* Featured banner: more room between the separator line and the words */
.lp-feat-img + .lp-feat-tx{padding-left:28px}
@media (max-width:600px){.lp-feat-img + .lp-feat-tx{padding-left:14px}}

/* Hero picture: a short grey description under it (set per picture in Admin → Site content → Hero pictures) */
.lp-obj-cap{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:min(88%,420px);margin:0;text-align:center;font-size:12.5px;line-height:1.45;color:var(--lp-mute);transition:opacity .22s var(--lp-ease)}
.lp-obj-cap:empty{display:none}
.lp-obj .lp-obj-cap.swap{opacity:0}
@media (min-width:1021px){.lp-obj .lp-prod{bottom:62px}.lp-obj-dots{bottom:2px}}
@media (max-width:1020px){.lp-obj-cap{display:none}}
/* Main heading a little lower, further from the "52 acres" label */
.lp-body .lp-hero h1{margin-top:48px}
@media (max-width:1020px){.lp-body .lp-hero h1{margin-top:34px}}
/* Handwritten line under the headline: smaller */
.lp-hero .lp-sign{font-size:clamp(20px,1.7vw,26px)}
/* Explore offerings buttons a little lower, with more air under the handwritten line */
.lp-hero .lp-cta{margin-top:44px}
@media (max-width:1020px){.lp-hero .lp-cta{margin-top:30px}}
/* Our story intro: runs the full width of the page */
.lp-farm-lead{max-width:none;font-size:13.5px;line-height:1.6}
.lp-farm-lead em{font-style:italic;color:var(--lp-leaf);font-weight:500}
.lp-farm-lead .lp-farm-row{display:block}
.lp-farm-lead .lp-farm-row + .lp-farm-row{margin-top:6px}
/* "farm life": at the top of the Our story heading, on the right, level with the "Our story" label */
.lp-farm-hero .lp-phead .lp-sign{position:absolute;right:0;top:-12px;margin:0}
@media (max-width:1020px){.lp-farm-hero .lp-phead .lp-sign{position:relative;top:auto;right:auto;margin:6px 0 0}}

/* "Coming soon" pill: warm amber with dark brown text */
/* "Order online" while the pack is coming soon: grayed out, and back to the normal chip the moment it is open for sale */
.lp-chip.lp-chip-off{background:rgba(128,132,126,.55);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.6);cursor:default}
.lp-chip.lp-chip-soon,.lp-mcard-tag.lp-chip-soon{background:#FBE3A8;border-color:transparent;color:#5E3B05;font-weight:600;-webkit-backdrop-filter:none;backdrop-filter:none}
.lp-chip-soon .lp-pulse,.lp-chip-soon .lp-pulse.off{background:#C47F0E;box-shadow:none}
/* "Coming soon" dot ripples the same way as the "Available" one, in amber */
.lp-chip-soon .lp-pulse,.lp-chip-soon .lp-pulse.off{position:relative;width:9px;height:9px}
.lp-chip-soon .lp-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:#C47F0E;animation:lp-ripple-lg 1.8s ease-out infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.lp-chip-soon .lp-pulse::after{animation:none;opacity:0}}
/* "Coming soon" in a soft peach */
.lp-chip.lp-chip-soon,.lp-mcard-tag.lp-chip-soon{background:#FFD9C2;color:#7A2E12}
.lp-chip-soon .lp-pulse,.lp-chip-soon .lp-pulse.off{background:#E8734A}
.lp-chip-soon .lp-pulse::after{background:#E8734A}
/* "Coming soon" ripple: a ring drawn with a double line instead of a solid disc */
.lp-chip-soon .lp-pulse::after{box-sizing:border-box;background:transparent;border:3px double #E8734A;inset:-1px}

/* Shop "sold out for now" notify card: tighter, and a wider Notify me button that stays on one line */
.lp-notify{margin-top:16px;padding:12px 12px 12px 18px;gap:10px 14px;border-radius:16px}
.lp-notify label{font-size:13px;line-height:1.4;flex:1 1 220px}
.lp-notify div{flex:0 1 auto;gap:8px;align-items:center}
.lp-notify input{height:40px;width:190px;padding:0 14px;font-size:13.5px}
.lp-notify .lp-cta{white-space:nowrap;min-width:164px;padding:4px 22px 4px 4px;gap:12px;font-size:11.5px;letter-spacing:.08em}
.lp-notify .lp-cta .lp-dot{width:32px;height:32px}
@media (max-width:600px){.lp-notify div{flex:1 1 100%}.lp-notify input{flex:1;width:auto;min-width:0}.lp-notify .lp-cta{min-width:150px}}
/* Notify card: a wider number box */
.lp-notify input{width:270px}
@media (max-width:760px){.lp-notify input{width:auto}}

/* Size buttons on a shop card (one card, several sizes) */
.lp-sizes{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.lp-size{padding:5px 12px;border:1px solid var(--lp-line-d);border-radius:9px;background:#fff;color:var(--lp-ink);font:500 12.5px var(--lp-sans);cursor:pointer;transition:background .2s var(--lp-ease),border-color .2s var(--lp-ease),color .2s var(--lp-ease)}
.lp-size:hover{border-color:rgba(11,20,16,.4)}
.lp-size.is-on{background:var(--lp-ink);border-color:var(--lp-ink);color:#fff}
.lp-size.is-out:not(.is-on){color:var(--lp-mute);text-decoration:line-through;text-decoration-thickness:1px}
.lp-size:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:2px}

/* Featured banner on phones: picture, words and arrow on the first row; the price on a row of its own (it used to run over the words) */
@media (max-width:600px){
  .lp-feat{flex-wrap:wrap;row-gap:8px}
  .lp-feat-img + .lp-feat-tx{padding-left:12px}
  .lp-feat-go{order:2}
  .lp-feat-pr{order:3;flex:1 1 100%;display:flex;align-items:baseline;gap:8px;margin:0;padding:8px 2px 0;border:0;border-top:1px solid var(--lp-line-d);text-align:left}
  .lp-feat-pr small{display:inline}
  .lp-feat-pr b{font-size:17px}
}

/* Hero buttons on phones: sit side by side, same height (the older ">div:last-of-type" rule can land on another div) */
@media (max-width:600px){.lp-hero-txt .lp-ctas{display:flex;align-items:center;gap:8px;margin-top:14px}.lp-hero-txt .lp-ctas .lp-cta,.lp-hero-txt .lp-ctas .lp-cta-2{margin:0}}

/* Phones: the header is fixed (60px), so start the hero words below it with some breathing room */
@media (max-width:600px){.lp-hero-txt{padding-top:44px}}

/* Featured banner on phones: the words shrink and wrap so the arrow always stays on the first row */
@media (max-width:600px){.lp-feat .lp-feat-tx{flex:1 1 0;min-width:0}.lp-feat-go{flex:none}}

/* WhatsApp number in the Visit panel: tap to chat; on phones it shows as one compact line (the location line stays desktop-only) */
.lp-contact b a{color:inherit;text-decoration:none;border-bottom:1px solid var(--lp-line)}
@media (max-width:600px){
  .lp-visit .lp-contact{display:block;min-width:0;margin-top:10px;padding:8px 12px;border-radius:12px;width:max-content}
  .lp-visit .lp-contact hr,.lp-visit .lp-contact hr ~ *{display:none}
  .lp-visit .lp-contact b{font-size:14px;font-weight:600}
}

/* WhatsApp number in the hero (first screen), every screen size */
.lp-hero-wa{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:inherit;text-decoration:none}
.lp-hero-wa .lp-ic{width:16px;height:16px;flex:none}
.lp-hero-wa span{opacity:.75}
.lp-hero-wa b{font-weight:600;letter-spacing:.01em;border-bottom:1px solid currentColor;white-space:nowrap}
@media (max-width:600px){.lp-hero-wa{margin-top:12px;font-size:13.5px;color:#fff}}

/* "Price on request" (Admin → Site content → Prices) */
.lp-pc-price[hidden]{display:none}
.lp-pc-ask b{font-size:17px;letter-spacing:-.02em}

/* Shop heading: the hand-written line sits below the main heading, on the right */
.lp-phead .lp-sign{position:relative;right:auto;top:auto}

/* Shop heading: the hand-written line is straight and ends at the right edge of the heading below it */
.lp-phead{width:max-content;max-width:100%}
.lp-phead .lp-sign{rotate:0deg;margin:10px 0 14px auto}
.lp-phead .lp-sign svg{stroke:var(--lp-ink,#0b1410);stroke-width:1.8}   /* shop heading: thin black underline */

/* Shop: "Bulk orders" sits right after the product filters as a pill of its own (it used to be stranded at the far right) */
.lp-shop-bar{justify-content:flex-start;column-gap:56px;row-gap:10px}
.lp-shop-bar .lp-bulk{height:32px;padding:0 14px;border:1px solid var(--lp-ink);border-radius:999px;background:var(--lp-lime);color:var(--lp-ink);font-size:13px;font-weight:600}
.lp-shop-bar .lp-bulk:hover{background:var(--lp-ink);color:var(--lp-lime)}

/* Contact page (contact.php) */
.lp-ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-ct-card{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"ic small" "ic b" "go go";gap:2px 14px;align-items:center;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--lp-line-d);color:var(--lp-ink);text-decoration:none;transition:border-color .25s var(--lp-ease),transform .25s var(--lp-ease)}
.lp-ct-card:hover{border-color:rgba(11,20,16,.4);transform:translateY(-2px)}
.lp-ct-ic{grid-area:ic;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lp-lime)}
.lp-ct-ic .lp-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-ct-card small{grid-area:small;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-ct-card b{grid-area:b;font:700 20px/1.2 var(--lp-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.lp-ct-go{grid-area:go;display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--lp-line-d);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.lp-ct-go .lp-ic{width:14px;height:14px}
.lp-ct-main{background:var(--lp-ink);color:#fff;border-color:var(--lp-ink)}
.lp-ct-main small{color:rgba(255,255,255,.7)}
.lp-ct-main .lp-ct-go{border-top-color:rgba(255,255,255,.2);color:var(--lp-lime)}
.lp-ct-main .lp-ct-ic{color:var(--lp-ink)}
.lp-ct-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.lp-ct-side p{margin-top:12px;max-width:420px;font-size:14px;line-height:1.6;color:var(--lp-mute)}
.lp-ct-links{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:4px}
.lp-ct-links a{display:inline-flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:600;border-bottom:1px solid var(--lp-line-d);width:max-content;color:var(--lp-ink);text-decoration:none}
.lp-ct-links .lp-ic{width:14px;height:14px}
.lp-ct-form{display:grid;gap:14px;padding:26px;border-radius:20px;background:#fff;border:1px solid var(--lp-line-d)}
.lp-ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-ct-form label{display:grid;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mute)}
.lp-ct-form input,.lp-ct-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--lp-line-d);background:#FBFAF6;font:400 15px var(--lp-sans);letter-spacing:0;text-transform:none;color:var(--lp-ink)}
.lp-ct-form textarea{resize:vertical;min-height:120px}
.lp-ct-form input:focus,.lp-ct-form textarea:focus{outline:2px solid var(--lp-leaf);outline-offset:1px}
.lp-ct-form .lp-cta{margin-top:4px;justify-self:start;cursor:pointer;background:var(--lp-lime);border:1px solid var(--lp-ink);color:var(--lp-ink);font:600 13px var(--lp-sans)}
.lp-ct-note{margin:0;font-size:12px;color:var(--lp-mute)}
@media (max-width:900px){.lp-ct-grid{grid-template-columns:1fr}.lp-ct-split{grid-template-columns:1fr;gap:24px}}
@media (max-width:600px){.lp-ct-row{grid-template-columns:1fr}.lp-ct-form{padding:18px}.lp-ct-card{padding:18px}.lp-ct-card b{font-size:18px}}
.lp-ct-mail b{font-size:16px;overflow-wrap:normal;word-break:normal}
@media (max-width:1100px) and (min-width:901px){.lp-ct-mail b{font-size:14px}}

/* Contact form, compact */
.lp-ct-form{gap:10px;padding:16px 18px}
.lp-ct-row{gap:10px}
.lp-ct-form label{gap:4px;font-size:10.5px}
.lp-ct-form input,.lp-ct-form textarea{padding:8px 12px;border-radius:10px;font-size:14px}
.lp-ct-form textarea{min-height:68px}
.lp-ct-form .lp-cta{margin-top:0}
.lp-ct-note{font-size:11.5px}
@media (max-width:600px){.lp-ct-form{padding:14px}}
.lp-ct-form .lp-cta{gap:8px;padding:3px 16px 3px 3px;font-size:12px;letter-spacing:.06em}
.lp-ct-form .lp-cta .lp-dot{width:28px;height:28px}
.lp-ct-form .lp-cta .lp-dot .lp-ic{width:13px;height:13px}

/* Contact: the farm card carries a small Google map (the whole thumbnail is a link to the full map) */
.lp-ct-place{grid-template-areas:"ic small" "ic b" "map map" "go go"}
.lp-ct-place:hover{transform:none}
.lp-ct-map{grid-area:map;position:relative;height:96px;margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid var(--lp-line-d);background:#E8E6DD}
.lp-ct-map iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}
.lp-ct-maplink{position:absolute;inset:0}
.lp-ct-maplink:focus-visible{outline:2px solid var(--lp-leaf);outline-offset:-2px}
a.lp-ct-go{color:inherit;text-decoration:none}
.lp-ct-card{grid-template-areas:"ic small" "ic b" "sp sp" "go go";grid-template-rows:auto auto 1fr auto;align-content:stretch}
.lp-ct-place{grid-template-areas:"ic small" "ic b" "map map" "go go"}
.lp-ct-place .lp-ct-map{align-self:start}

/* Contact cards back to their compact size: the farm map is a small thumbnail in the icon spot, not a big block */
.lp-ct-card{grid-template-columns:56px 1fr;grid-template-areas:"ic small" "ic b" "go go";grid-template-rows:auto auto auto;align-content:normal}
.lp-ct-place{grid-template-areas:"ic small" "ic b" "go go"}
.lp-ct-ic{justify-self:start}
.lp-ct-thumb{position:relative;width:56px;height:56px;border-radius:14px;overflow:hidden;background:#E8E6DD;border:1px solid var(--lp-line-d)}
.lp-ct-thumb iframe{position:absolute;left:0;top:0;width:200px;height:200px;border:0;transform:scale(.28);transform-origin:0 0;pointer-events:none}

/* Contact: less space between the three cards and the message section; the WhatsApp number stays white on the black card */
.lp-sec.lp-ct-s1{padding-bottom:0}
.lp-sec.lp-ct-s2{padding-top:26px}
.lp-ct-main b{color:#fff}


/* Contact form: compact name and mobile fields */
.lp-ct-row{gap:8px}
.lp-ct-row label{gap:3px;font-size:10px}
.lp-ct-row input{height:32px;padding:0 10px;border-radius:8px;font-size:13px}

/* Contact: the message section sits a little lower, and the footer always starts below the first screen */
.lp-sec.lp-ct-s2{padding-top:44px}
.lp-ct-page #main{min-height:100vh}

/* Contact form: sends an email. Wider card, a one-column row for the email field, a hidden honeypot box for robots */
.lp-ct-split{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.lp-ct-row-1{grid-template-columns:1fr}
.lp-ct-opt{text-transform:none;letter-spacing:0;font-weight:400}
.lp-ct-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.lp-ct-row-1 input{height:32px}
@media (max-width:900px){.lp-ct-split{grid-template-columns:1fr}}

/* Contact: the three top cards a little more compact, to leave more room for the message form */
.lp-ct-card{padding:14px 20px;grid-template-columns:50px 1fr}
.lp-ct-ic{width:40px;height:40px}
.lp-ct-thumb{width:46px;height:46px}
.lp-ct-thumb iframe{transform:scale(.23)}
.lp-ct-card b{font-size:18px}
.lp-ct-mail b{font-size:15px}
.lp-ct-go{margin-top:10px;padding-top:10px;font-size:12px}

/* Contact form: more room above the first row (Your name / Your mobile) */
.lp-ct-form{padding-top:26px}

/* Header menu: no dots between the links, just an even gap */
.lp-menu{gap:34px}
.lp-menu i{display:none}

/* Phones: the dark hero card no longer slides up under the header; a strip of page background shows between them */
@media (max-width:600px){.lp-body .lp-hero-grid .lp-hero-txt{margin:-20px 0 0;max-width:none;width:100%;align-self:stretch;box-sizing:border-box;padding-top:24px}}

/* Phones: the "Our story" button on the dark card gets a clearly visible border */
@media (max-width:600px){.lp-body .lp-hero-txt .lp-ctas .lp-cta-2{border:1.5px solid rgba(255,255,255,.75)}}