[hidden]{display:none!important}
:root{--cream:#ffffff;--paper:#ffffff;--ink:#1f2a22;--yellow:#f2a706;--olive:#64775a;--line:#e4dfd1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}header{position:relative;z-index:5;background:var(--cream);border-bottom:1px solid var(--line)}.header-in{max-width:1140px;margin:auto;min-height:78px;padding:12px 26px;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px}.mark{font-size:35px;color:var(--yellow);line-height:1;display:inline-block;animation:turn 17s linear infinite}.brand strong{font:normal 28px Georgia,serif;letter-spacing:-1.2px;display:block}.brand small{font-size:9px;letter-spacing:2.2px;color:#7c7c70;text-transform:uppercase;display:block;margin-top:2px}.topnote{font-size:12px;color:#727d68}.container{max-width:1140px;margin:auto;padding:0 26px}.hero{padding:52px 0 28px;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:34px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:700;text-transform:uppercase;color:#78846a}.hero h1{font-size:clamp(48px,5.8vw,76px);line-height:1.04;letter-spacing:-2.6px;margin:16px 0}.hero h1 em{color:#0e864c}.hero p{color:#6e7468;line-height:1.65;font-size:15px;max-width:470px}.photo{position:relative;overflow:hidden;background:#e9e5cf;min-height:220px}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art{position:absolute;inset:0;display:grid;place-items:center;background:#f1e9ce}.art svg{height:85%;max-width:95%}.hero .photo{height:300px;border-radius:170px 170px 8px 8px}.sectionline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:24px 0 20px}.sectionline h2{font-size:clamp(32px,4vw,45px);margin:0}.sectionline p{color:#7b7c70;font-size:13px;margin:0}.featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card .photo{height:205px}.featured .photo{height:265px}.card-body{padding:19px 20px 21px;display:flex;flex-direction:column;flex:1}.badge{font-size:10px;letter-spacing:1.5px;color:#7b735e;text-transform:uppercase;font-weight:700}.card h3{font-size:28px;margin:8px 0 6px}.card p{font-size:13px;line-height:1.55;color:#74796f;margin:0 0 17px;flex:1}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-foot small{font-size:12px;color:#67765a}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);border:1px solid #d69200;border-radius:7px;color:#2d3026;font-weight:700;font-size:13px;padding:13px 17px;min-height:44px}.cta:hover{background:#ffbd2e}.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid #89947c;border-radius:7px;font-weight:700;font-size:13px}.other{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.other .photo{height:150px}.other .card-body{padding:15px}.other h3{font-size:22px}.other .card-foot{align-items:stretch}.other .cta{width:100%;font-size:12px}.other .card-foot small{display:block;width:100%;margin-bottom:5px}.quiz-banner{margin:55px 0 32px;border-radius:14px;background:#f6e8b6;display:grid;grid-template-columns:1fr 190px;align-items:center;gap:12px;padding:28px 32px;overflow:hidden}.quiz-banner h2{font-size:38px;margin:8px 0}.quiz-banner p{font-size:14px;color:#676c57;line-height:1.6}.quiz-banner .art{position:relative;background:none;height:160px}.quiz-banner .art svg{animation:sway 4s ease-in-out infinite}.quiz-banner .cta{background:var(--ink);border-color:var(--ink);color:white}.page{display:none}.page:target{display:block}body:has(.page:target) #home{display:none}.back{display:inline-block;margin:28px 0;color:#65745d;font-size:13px}.detailhero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:8px 0 32px}.detailhero .photo{height:280px;border-radius:10px}.detailhero h1{font-size:clamp(41px,5vw,61px);margin:12px 0}.detailhero p{line-height:1.65;color:#707669}.formbox{background:var(--paper);border:1px solid var(--line);border-radius:13px;max-width:720px;margin:0 auto 70px;padding:28px}.formbox h2{font-size:32px;margin:0 0 9px}.hint{font-size:13px;color:#787b70;line-height:1.6}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.option{border:1px solid #d8d3c3;border-radius:9px;padding:16px 12px;cursor:pointer;display:block}.option:has(input:checked){border:2px solid #f2a706;background:#fff5d8;padding:15px 11px}.option input{accent-color:#f2a706}.option strong{display:block;font:normal 21px Georgia,serif;margin:10px 0 5px}.option small{color:#747a6b;font-size:12px}.field{display:block;font-size:13px;font-weight:700;margin:17px 0}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #d7d3c5;background:white;border-radius:7px;padding:13px;margin-top:8px;min-height:44px;color:var(--ink)}.field textarea{min-height:86px}.send{width:100%;font-size:15px;padding:17px;margin-top:14px}.fine{font-size:12px;color:#7b7e73;line-height:1.5}.quiz-progress{height:5px;background:#e8e4d7;border-radius:8px;overflow:hidden;margin:20px 0}.quiz-progress span{display:block;width:25%;height:100%;background:var(--yellow);transition:width .25s}.quiz-question{display:none}.quiz-question.active{display:block}.quiz-choices{display:grid;gap:10px;margin:20px 0}.quiz-choices button{background:#fff;border:1px solid #ddd7c6;padding:15px;text-align:left;border-radius:8px}.quiz-choices button:hover{background:#fff6da}.quiz-result{display:none;text-align:center}.quiz-result .art{position:relative;width:180px;height:170px;margin:auto}.quiz-result h2{font-size:42px}.quiz-result p{line-height:1.65}.tiny-flower{position:absolute;right:15px;top:7px;color:#f2a706;font-size:32px;animation:float 3s ease-in-out infinite}.small-title{font-size:22px;margin:0 0 5px}footer{border-top:1px solid var(--line);padding:30px 0 45px;color:#73786e;font-size:12px;display:flex;justify-content:space-between;gap:12px}@keyframes sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(14deg)}}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:720px){.header-in{min-height:68px;padding:10px 18px}.brand strong{font-size:23px}.brand small{font-size:8px;letter-spacing:1.2px}.topnote{display:none}.container{padding:0 18px}.hero{display:block;padding:26px 0 10px}.hero .photo{display:none}.hero h1{font-size:49px;line-height:1.04;margin:12px 0}.hero p{font-size:13px;margin-bottom:15px}.sectionline{margin:22px 0 15px}.sectionline h2{font-size:29px}.sectionline p{font-size:11px}.featured{grid-template-columns:1fr;gap:12px}.featured .card{display:grid;grid-template-columns:40% 60%;min-height:175px}.featured .photo{height:100%;min-height:175px}.featured .card-body{padding:15px 13px}.featured h3{font-size:24px}.featured .card p{font-size:12px;margin-bottom:12px}.featured .cta{width:100%;padding:11px 9px;font-size:12px}.featured .card-foot small{width:100%}.other{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.other .photo{height:110px}.other .card-body{padding:11px}.other h3{font-size:20px}.other .card p{font-size:11px;min-height:48px}.other .cta{padding:10px 6px;font-size:11px}.quiz-banner{margin:35px 0 25px;grid-template-columns:1fr;padding:23px}.quiz-banner h2{font-size:31px}.quiz-banner .art{display:none}.detailhero{grid-template-columns:1fr;gap:15px}.detailhero .photo{height:190px;order:-1}.detailhero h1{font-size:44px;margin:8px 0}.detailhero p{font-size:13px}.formbox{padding:19px 15px;margin-bottom:40px}.options{grid-template-columns:1fr;gap:8px}.option{padding:12px 15px}.option:has(input:checked){padding:11px 14px}.option strong{margin:3px 0;font-size:20px}.back{margin:19px 0}footer{flex-wrap:wrap}}

/* v4: editorial shopping cards */
.shop-intro{margin:12px 0 24px;color:#64775a;font-size:16px;line-height:1.65}.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.pick-card{position:relative;display:block;cursor:pointer;background:#ffffff;border:2px solid #e4dfd1;border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.pick-card:has(input:checked){border-color:#d69200;box-shadow:0 0 0 2px #f2a7063b;transform:translateY(-2px)}.pick-card input{position:absolute;opacity:0;pointer-events:none}.pick-card img{width:100%;height:185px;object-fit:cover;display:block;background:#e8e3d6}.pick-copy{padding:15px}.pick-copy strong{display:block;font:normal 25px/1.12 Georgia,serif;color:#1f2a22;margin-bottom:7px}.pick-copy .cost{font-size:17px;font-weight:750;color:#334b36}.pick-copy .desc{display:block;color:#687364;font-size:13px;line-height:1.5;margin:8px 0}.pick-copy .choose{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:30px;background:#f5e9c9;color:#344536;font-size:12px;font-weight:750}.pick-card:has(input:checked) .choose{background:#f2a706}.info-banner{background:#eaf5ef;border:1px solid #bfe0cd;border-radius:15px;padding:16px 19px;margin:18px 0;line-height:1.6;color:#0b5e36}.price-summary{margin:19px 0 12px;border:1px solid #ded8c8;border-radius:15px;padding:17px;background:#fffbf0}.price-summary .sum-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.price-summary .sum-row.total{border-top:1px solid #dcd3c0;margin-top:8px;padding-top:13px;font-weight:800;font-size:20px}.price-summary .note{font-size:12px;color:#667264;line-height:1.55;margin:8px 0 0}.micro{font-size:12px;color:#7d806e}.formbox.wide{max-width:1100px}.formbox.wide h2{margin-bottom:8px}.small-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formbox .send{width:100%;text-align:center}.page .formbox.wide{margin-top:22px}.shop-heading{font:normal 28px/1.2 Georgia,serif;margin:20px 0 4px}.tag-strip{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.tag-strip span{background:#f6ead2;border-radius:50px;padding:7px 12px;font-size:12px;color:#4a573e}@media(max-width:720px){.selection-grid{grid-template-columns:1fr 1fr;gap:10px}.pick-card img{height:145px}.pick-copy{padding:11px}.pick-copy strong{font-size:21px}.pick-copy .cost{font-size:15px}.small-field-row{grid-template-columns:1fr}}@media(max-width:380px){.selection-grid{grid-template-columns:1fr}.pick-card img{height:200px}}

/* v5: brand type (Finger Paint display, Nunito text) */
body{font-family:'Nunito',Arial,sans-serif}
h1,h2,h3,.serif,.brand strong,.pick-copy strong,.option strong,.shop-heading{font-family:'Finger Paint',Georgia,cursive;font-weight:400;letter-spacing:0}
.hero h1{font-size:clamp(40px,5vw,64px);line-height:1.15;letter-spacing:0}
.hero h1 em{font-style:normal}
.sectionline h2{font-size:clamp(28px,3.4vw,38px)}
.card h3{font-size:24px;line-height:1.2}.other h3{font-size:19px}
.detailhero h1{font-size:clamp(36px,4.4vw,54px);line-height:1.15}
.formbox h2,.formbox.wide h2{font-size:28px;line-height:1.2}
.quiz-banner h2{font-size:32px}.quiz-result h2{font-size:34px}
.brand strong{font-size:24px;letter-spacing:0}
.pick-copy strong{font-size:20px;line-height:1.25}

/* v5: shared basket */
.header-right{display:flex;align-items:center;gap:16px}
.head-basket{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:30px;padding:9px 14px;font-weight:700;font-size:13px;color:var(--ink);min-height:44px}
.head-basket b,.basket-bar .pill{background:var(--yellow);color:var(--ink);border-radius:20px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:12px;padding:0 6px}
.delivery-strip{margin:4px 0 0;padding:14px 18px;border-radius:13px;background:#eaf5ef;border:1px solid #bfe0cd;color:#0b5e36;font-size:14px;line-height:1.55}
.selection-grid.single{grid-template-columns:minmax(0,360px)}
.shop-card{background:#ffffff;border:2px solid #e4dfd1;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.shop-card.in{border-color:#d69200;box-shadow:0 0 0 2px #f2a7063b}
.shop-card img{width:100%;height:185px;object-fit:cover;display:block;background:#e8e3d6}
.shop-card .pick-copy{display:flex;flex-direction:column;flex:1}
.shop-card .desc{flex:1}
.buy{margin-top:10px;min-height:44px;display:flex;align-items:center}
.add{width:100%;min-height:44px;border-radius:30px;border:1px solid #d69200;background:#f5e9c9;color:#344536;font-weight:800;font-size:13px}
.add:hover{background:var(--yellow)}
.stepper{display:none;align-items:center;gap:6px}
.shop-card.in .add{display:none}.shop-card.in .stepper,.line .stepper{display:flex}
.stepper button{width:44px;height:44px;border-radius:50%;border:1px solid #d8d0bd;background:#fff;color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center}
.stepper button:hover{background:#fff5d8}
.stepper output{min-width:30px;text-align:center;font-weight:800;font-size:16px}
.shop-card.in .stepper{width:100%;justify-content:space-between;background:#fff5d8;border-radius:30px;padding:0}
.basket-hint{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.basket-hint .secondary{background:var(--paper);min-height:44px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d69200;outline-offset:2px}

.basket-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:20;width:min(560px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--ink);color:#fff;border:0;border-radius:40px;padding:16px 22px;font-weight:800;font-size:16px;box-shadow:0 10px 28px #1f2a2240}
.basket-bar[hidden]{display:none}
.basket-bar span{display:inline-flex;align-items:center;gap:10px}
.basket-bar.bump{animation:bump .35s ease}
@keyframes bump{40%{transform:translateX(-50%) scale(1.04)}}
body.has-basket{padding-bottom:96px}

dialog.sheet{border:0;padding:0;width:min(560px,100%);max-height:92vh;border-radius:22px;background:var(--cream);color:var(--ink)}
dialog.sheet::backdrop{background:#1f2a2273}
.sheet-in{padding:22px 22px 26px;overflow:auto;max-height:92vh}
.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sheet-head h2{margin:0;font-size:30px}
.close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:20px;color:var(--ink)}
.line{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:14px 0;border-bottom:1px dotted #d6cfbd}
.line strong{display:block;font-size:15px}.line small{color:#6f7668;font-size:12px}
.line .line-total{grid-column:2;text-align:right;font-weight:800;font-size:14px}
.empty{padding:22px 0;color:#6e7468;line-height:1.6}
.empty a{color:#8a5d05;font-weight:800;text-decoration:underline}
.nudge{margin:14px 0 0;padding:10px 14px;border-radius:10px;background:#fff1c9;font-size:13px;color:#5b4a14}
.sheet .price-summary{background:var(--paper)}
.sheet .send{background:#0e864c;border-color:#0e864c;color:#fff;font-size:16px}
.sheet .send:hover{background:#0b6e3e}
.field .req{color:#8a5d05}
@media(max-width:720px){
.hero h1{font-size:38px}.detailhero h1{font-size:34px}.sectionline h2{font-size:26px}
.featured h3{font-size:21px}.other h3{font-size:16px}.brand strong{font-size:19px}
.pick-copy strong{font-size:17px}.shop-card img{height:145px}
.selection-grid{grid-template-columns:1fr 1fr}.selection-grid.single{grid-template-columns:1fr}
.stepper button{width:40px;height:40px}
.head-basket{padding:8px 12px}
dialog.sheet{margin:auto 0 0;width:100%;max-width:100%;border-radius:22px 22px 0 0}
.sheet-in{padding:20px 18px 28px}
.delivery-strip{font-size:13px}
}
@media(max-width:380px){.selection-grid{grid-template-columns:1fr}.shop-card img{height:200px}}

/* v6: stepped enquiry flows */
.wizard{max-width:720px}
.wprog{height:6px;background:#e8e4d7;border-radius:8px;overflow:hidden;margin:0 0 22px}.wprog span{display:block;height:100%;width:25%;background:var(--yellow);transition:width .3s}
.wstep{border:0;margin:0;padding:0;min-width:0}.wstep:not(.on){display:none}
.wstep legend{font:400 26px/1.25 'Finger Paint',Georgia,cursive;padding:0;margin-bottom:4px}
.wcount{display:block;font:700 12px 'Nunito',sans-serif;color:#7a846d;margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #d8d0bd;border-radius:30px;background:#fff;font-weight:700;font-size:14px}
.chip input:checked+span{background:#fff1c9;border:2px solid #d69200;padding:9px 15px}
.chip input:focus-visible+span{outline:3px solid #d69200;outline-offset:2px}
.check{display:flex;gap:10px;align-items:center;font-size:14px;margin:12px 0;min-height:32px}.check input{width:20px;height:20px;accent-color:#f2a706}
.wnav{display:flex;gap:10px;margin-top:22px}.wnav .cta{flex:1}.wnav .secondary{background:var(--paper)}
.wizard:not(.last) .wsend,.wizard.last .wnext,.wizard.first .wback{display:none}
.werr:empty{display:none}.werr{color:#9a4a12;font-weight:700}
.review{margin-top:18px;background:#eaf5ef;border:1px solid #bfe0cd;border-radius:13px;padding:14px 16px;font-size:14px;line-height:1.6}
.review:empty{display:none}.review b{display:block;margin-bottom:4px}
.wsend{background:#0e864c;border-color:#0e864c;color:#fff}
/* contact + socials */
.contact{background:var(--ink);color:#f6f1e3;margin-top:50px;padding:52px 0}
.contact-in{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.contact h2{font-size:clamp(30px,3.6vw,42px);margin:0 0 12px;color:#fff}
.contact p{line-height:1.65;color:#d9dccf;max-width:470px}.contact .hours{font-size:13px;color:#b9c0ad}
.contact-card{background:#ffffff;color:var(--ink);border-radius:20px;padding:22px}
.wa-big{display:flex;align-items:center;gap:14px;background:#0e864c;color:#fff;border-radius:16px;padding:16px 18px}
.wa-big svg{width:38px;height:38px;flex:none}.wa-big small{display:block;font-size:13px;opacity:.9}.wa-big b{font-size:22px;letter-spacing:.3px}
.wa-big:hover{background:#0b6e3e}
.call{display:block;text-align:center;margin:12px 0 4px;font-size:13px;font-weight:700;color:#5d6b52;text-decoration:underline}
.follow{margin:18px 0 8px;font-size:13px;font-weight:700;color:#5d6b52}
.socials{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;font-size:13px;font-weight:700}
.socials a:hover{background:#fff5d8}.socials svg{width:18px;height:18px}
footer .socials a{border:0;padding:8px;min-width:44px;justify-content:center}footer .socials span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
footer{align-items:center}
@media(max-width:720px){.contact{padding:38px 0}.contact-in{grid-template-columns:1fr;gap:22px}.wa-big b{font-size:19px}.wstep legend{font-size:22px}.chip span{font-size:13px;padding:9px 14px}}
.head-contact{font-weight:700;font-size:13px;padding:10px 4px;text-decoration:underline;text-underline-offset:3px}.contact .contact-card .follow{color:#5d6b52;max-width:none}.wnav{align-items:stretch}.wnav .secondary{min-height:52px;padding:0 20px}.wnav .cta{min-height:52px}body.routed .page{display:none}body.routed .page.active{display:block}body.routed #home{display:block}body.routed.on-page #home{display:none}
/* v7 */
.bag-order{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:22px;background:#ffffff;border:2px solid #e4dfd1;border-radius:17px;overflow:hidden;margin:18px 0}
.bag-order img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;background:#e8e3d6}
.bag-body{padding:20px 22px 22px 0;display:flex;flex-direction:column}
.bag-name{font:400 24px/1.2 'Finger Paint',Georgia,cursive;margin-bottom:6px}.bag-body .cost{font-size:17px;font-weight:800;color:#334b36}.bag-body .desc{color:#687364;font-size:14px;margin:6px 0 0}
.bag-body .field input{font-size:20px;font-weight:800;max-width:220px}
.bag-total{margin:0 0 14px;font-size:15px;color:#0b5e36}.bag-total b{font-size:20px;color:var(--ink)}
.bag-add{min-height:52px;font-size:15px;align-self:flex-start;padding:0 28px}
.bag-order.in{border-color:#d69200;box-shadow:0 0 0 2px #f2a7063b}
.guide{background:#fff6dc;border:1px solid #f0d58f;border-radius:14px;padding:16px 18px;margin:16px 0 4px}
.guide b{font-size:14px}.guide ul{margin:8px 0 14px;padding-left:20px;line-height:1.7;font-size:14px;color:#4b4a3a}
.guide .secondary{background:#ffffff;min-height:44px;font-size:13px}
.enquiry textarea{font-size:15px;line-height:1.6}
.enquiry{max-width:760px}
/* bigger floating basket */
.basket-bar{bottom:14px;width:min(640px,calc(100% - 20px));padding:12px 12px 12px 24px;min-height:72px;font-size:18px;background:#0e864c;box-shadow:0 14px 34px #1f2a2259,0 0 0 3px #f2a706}
.basket-bar .pill{min-width:28px;height:28px;font-size:14px}
.bar-go{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--ink);border-radius:30px;padding:12px 18px;font-size:17px}
.bar-go small{font-size:13px;font-weight:700;opacity:.8}
body.has-basket{padding-bottom:120px}
.basket-bar.bump{animation:bump2 .5s ease}
@keyframes bump2{30%{transform:translateX(-50%) scale(1.06)}60%{transform:translateX(-50%) scale(.98)}}
@media(max-width:720px){.bag-order{grid-template-columns:1fr}.bag-order img{min-height:190px;max-height:220px}.bag-body{padding:4px 18px 20px}.basket-bar{font-size:17px;padding-left:18px}.bar-go{font-size:16px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.basket-bar.bump{animation:none}}
.enquiry .cta.wsend{background:#0e864c;border-color:#0e864c;color:#fff}.enquiry .cta.wsend:hover{background:#0b6e3e}.enquiry .small-field-row .field{margin:17px 0 0}
/* v9 brand */
:root{--green:#0e864c;--yellow:#f2a706;--line:#ece6d6}
.logo{height:48px;width:auto;display:block}
.brand{gap:12px}.brand strong{color:var(--ink)}
.foot-brand{display:inline-flex;align-items:center;gap:8px}.foot-brand img{height:24px;width:auto}
header{background:#fff}
.contact{background:var(--green)}
.contact p{color:#e9f6ee}.contact .hours{color:#cfeadb}
.contact-card .wa-big{background:var(--green)}
.basket-bar{box-shadow:0 14px 34px #0e864c55,0 0 0 3px var(--yellow)}
.cta{border-color:#d69200}
.quiz-banner{background:#fff3d1}
.quiz-banner .cta{background:var(--green);border-color:var(--green);color:#fff}
.delivery-strip strong,.info-banner strong{color:var(--green)}
.shop-card.in,.bag-order.in,.pick-card:has(input:checked){border-color:var(--yellow)}
body{background:#fff}
.formbox,.card,.shop-card,.bag-order{border-color:var(--line)}
@media(max-width:720px){.logo{height:40px}}
.brand strong{white-space:nowrap}@media(max-width:480px){.brand small{display:none}.brand strong{font-size:18px}.header-right{gap:10px}.head-basket{padding:8px 10px}}@media(max-width:380px){.brand strong{font-size:16px}.logo{height:34px}.head-contact{font-size:12px}}.spin-flower{display:inline-block;vertical-align:middle;margin-left:6px;line-height:0;animation:turn 9s linear infinite}.spin-flower svg{display:block}@media(max-width:720px){.spin-flower svg{width:28px;height:28px}}.buttercup .head{transform-box:fill-box;transform-origin:center}
.buttercup .petals{transform-box:fill-box;transform-origin:center;animation:bloom 1.6s cubic-bezier(.3,1.4,.5,1) both,twirl 14s linear 1.6s infinite}
.buttercup .small .petals{animation-delay:.4s,2s;animation-direction:normal,reverse}
.buttercup .big{animation:bob 3.2s ease-in-out infinite}
.buttercup .bud{transform-box:fill-box;transform-origin:50% 100%;animation:budpop 4s ease-in-out infinite}
@keyframes bloom{from{transform:scale(.2) rotate(-60deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes twirl{to{transform:rotate(360deg)}}
@keyframes bob{50%{transform:translateY(-4px)}}
@keyframes budpop{50%{transform:scale(1.15)}}
.quiz-banner .art{height:200px}@media(max-width:720px){.quiz-banner .art{display:block;height:130px;order:-1;margin:-6px 0 -4px}}
/* v10 moments */
.hero h1{max-width:640px}
.rotator{display:block;color:var(--green);min-height:2.3em}
.rot-text{display:inline-block;transition:opacity .35s,transform .35s}
.rot-text.out{opacity:0;transform:translateY(12px)}
.moments{margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.hero-slides{position:relative;overflow:hidden;background:#f1ece0}
.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 3s ease}
.hero-slides img.on{opacity:1;transform:scale(1)}
.slide-cap{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--ink);border-radius:30px;padding:7px 14px;font:700 13px 'Nunito',sans-serif;box-shadow:0 4px 14px #0002}
.hero .hero-slides{height:380px}
.moments-head h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 4px}
.moments-head p{margin:0 0 12px;font-size:14px;color:#5f6a5c;line-height:1.6;max-width:560px}
.moment-row{list-style:none;margin:0 -26px;padding:4px 26px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.moment-row li{scroll-snap-align:start}
.moment{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}
.moment:hover{border-color:var(--yellow);transform:translateY(-3px)}
.moment:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.moment img{width:100%;height:120px;object-fit:cover;display:block;background:#f1ece0}
.m-copy{padding:9px 11px 11px;display:flex;flex-direction:column;gap:3px;flex:1}
.m-copy strong{font:400 15px/1.25 'Finger Paint',Georgia,cursive;color:var(--ink)}
.m-copy span{font-size:12px;color:#6a7266;line-height:1.45}
.m-copy small{margin-top:auto;padding-top:8px;font-size:12px;font-weight:800;color:var(--green)}
.moment-note{background:#fff6dc;border:1px solid #f0d58f;border-radius:14px;padding:14px 16px;margin:0 0 18px;line-height:1.55;font-size:14px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.moment-note[hidden]{display:none}
.moment-note b{font-family:'Finger Paint',Georgia,cursive;font-weight:400}
.moment-note button{all:unset;cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline;color:#5d6b52}
.shop-card.suggested{border-color:var(--green);box-shadow:0 0 0 3px #0e864c33}
.shop-card.suggested .pick-copy::before{content:"Suggested";align-self:flex-start;background:var(--green);color:#fff;font-size:11px;font-weight:800;border-radius:20px;padding:3px 10px;margin-bottom:8px}
@media(max-width:720px){.moment-row{margin:0 -18px;padding:4px 18px 14px;grid-auto-columns:138px}.moment img{height:110px}.m-copy strong{font-size:14px}.hero .hero-slides{display:block;height:300px;border-radius:150px 150px 10px 10px;margin-top:18px}.rotator{min-height:2.4em}}
@media(prefers-reduced-motion:reduce){.rot-text{transition:none}}
.moment-row{scroll-padding-inline:26px}@media(max-width:720px){.moment-row{scroll-padding-inline:18px}.hero h1{margin-bottom:6px}}.rotator{min-height:0}.rot-text::before{content:"\201C"}.rot-text::after{content:"\201D"}
/* live site: WhatsApp hand-off */
.sent{padding:18px 0 4px;line-height:1.6;color:#4b5446}
.sent-title{font:400 22px/1.3 'Finger Paint',Georgia,cursive;color:var(--ink);margin:0 0 6px}
.sent .cta.send{background:#0e864c;border-color:#0e864c;color:#fff}
.sent .secondary{width:100%;margin-top:10px;background:var(--paper);min-height:48px}
.wa-fallback{font-size:13px;margin:10px 0 0;color:#0b5e36}.wa-fallback a{font-weight:800;text-decoration:underline}
/* flower quiz: a day in the garden */
@property --sky1{syntax:'<color>';inherits:true;initial-value:#fff4d1}
@property --sky2{syntax:'<color>';inherits:true;initial-value:#fffdf5}
.fq{--sky1:#fff4d1;--sky2:#fffdf5;--sun-x:80%;--sun-y:14%;--txt:#1f2a22;--soft:#5f6a5c;position:relative;overflow:hidden;border-radius:28px;min-height:640px;margin:0 0 60px;background:linear-gradient(180deg,var(--sky1),var(--sky2));color:var(--txt);transition:--sky1 1.2s ease,--sky2 1.2s ease;display:flex;flex-direction:column;align-items:center;padding:34px 22px 130px;text-align:center}
.fq.night{--txt:#f8f4e6;--soft:#d6dbef}
.fq-scene{position:absolute;inset:0;pointer-events:none}
.fq-sun{position:absolute;left:var(--sun-x);top:var(--sun-y);width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:radial-gradient(circle,#ffe58a 0 45%,#ffd04d66 46% 60%,transparent 61%);transition:left 1.2s ease,top 1.2s ease,background .8s}
.fq.night .fq-sun{background:radial-gradient(circle at 60% 40%,#fbf6dc 0 40%,#fbf6dc33 41% 58%,transparent 59%)}
.fq.night .fq-scene{background:radial-gradient(1.5px 1.5px at 12% 20%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 30% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 52% 28%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 66% 9%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 20% 40%,#fff 50%,transparent 51%)}
.fq-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:120px}
.fq-hills .h1{fill:#9cc98f;transition:fill 1.2s}.fq-hills .h2{fill:#0e864c;transition:fill 1.2s}
.fq.night .fq-hills .h1{fill:#3c5a6e}.fq.night .fq-hills .h2{fill:#24433f}
.fq-petal{position:absolute;top:-20px;width:14px;height:10px;border-radius:70% 0 70% 0;background:#f2a706;opacity:.7;animation:fq-fall 11s linear infinite}
.fq-petal:nth-child(2){left:12%;animation-delay:-1s}.fq-petal:nth-child(3){left:35%;animation-delay:-4s;background:#f6b7c6;animation-duration:13s}.fq-petal:nth-child(4){left:58%;animation-delay:-7s}.fq-petal:nth-child(5){left:76%;animation-delay:-2.5s;background:#fff;animation-duration:14s}.fq-petal:nth-child(6){left:90%;animation-delay:-9s;background:#f6b7c6}
@keyframes fq-fall{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-30px,330px) rotate(200deg)}100%{transform:translate(20px,700px) rotate(420deg)}}
.fq-screen{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center}
.fq-hero-art{width:170px;height:170px;margin-bottom:6px}.fq-hero-art svg,.fq-result-art{width:100%;height:100%}
.fq-bob{animation:fq-bob 3.4s ease-in-out infinite}@keyframes fq-bob{50%{transform:translateY(-6px) rotate(2deg)}}
.fq-kicker{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--soft);margin:6px 0}
.fq h1{font-size:clamp(34px,5vw,50px);line-height:1.15;margin:4px 0 12px}
.fq-lead{font-size:16px;line-height:1.65;color:var(--soft);max-width:420px;margin:0 0 24px}
.fq-start{min-height:56px;padding:0 30px;border-radius:40px;border:0;background:var(--green);color:#fff;font-weight:800;font-size:16px;box-shadow:0 10px 24px #0e864c40;transition:transform .2s}
.fq-start:hover{transform:translateY(-2px)}
.fq-meta{font-size:12px;color:var(--soft);margin-top:14px}
.fq-top{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:26px}
.fq-prev{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff99;background:#ffffff66;color:var(--txt);font-size:18px;flex:none}
.fq-dots{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:1;justify-content:center}
.fq-dots li{width:9px;height:9px;border-radius:50%;background:#ffffff88;box-shadow:0 0 0 1px #1f2a2222;transition:all .3s}
.fq-dots li.done{background:var(--yellow)}.fq-dots li.now{width:24px;border-radius:6px;background:var(--yellow)}
.fq-count{font-size:12px;font-weight:800;color:var(--soft);min-width:44px;text-align:right}
.fq-chapter{font:400 15px 'Finger Paint',Georgia,cursive;color:var(--soft);margin:0 0 8px}
.fq-question{font-size:clamp(24px,3.4vw,32px);line-height:1.3;margin:0 0 26px;outline:none}
.fq-answers{display:grid;gap:12px;width:100%}
.fq-answer{width:100%;min-height:60px;padding:15px 20px;border-radius:20px;border:1.5px solid #ffffffcc;background:#ffffffc4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1f2a22;font-weight:700;font-size:15px;line-height:1.4;text-align:left;box-shadow:0 6px 18px #1f2a2214;transition:transform .2s,background .2s;animation:fq-in .45s ease both}
.fq-answer:hover{transform:translateY(-2px);background:#fff}
.fq-answer.picked{background:var(--yellow);border-color:var(--yellow);transform:scale(1.02)}
.fq-q.leaving .fq-question,.fq-q.leaving .fq-answer:not(.picked){opacity:0;transition:opacity .3s}
@keyframes fq-in{from{opacity:0;transform:translateY(14px)}}
.fq-card{width:100%;background:#ffffffd9;border-radius:26px;padding:20px 20px 22px;box-shadow:0 14px 36px #1f2a221f;color:#1f2a22}
.fq-result-art{width:190px;height:190px}
.fq-card h2{font-size:clamp(32px,4.4vw,42px);margin:4px 0 2px;outline:none}
.fq-nick{font-weight:800;color:var(--green);margin:0 0 12px}
.fq-traits{list-style:none;margin:0;padding:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fq-traits li{background:#fff3d1;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}
.fq-desc{font-size:15px;line-height:1.7;margin:20px 4px;text-align:left}
.fq-mix{width:100%;background:#ffffffa6;border-radius:18px;padding:14px 16px;text-align:left;color:#1f2a22}
.fq-mix b{display:block;font-size:13px;margin-bottom:8px}
.fq-bar{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:13px;margin:6px 0}
.fq-bar i{height:8px;border-radius:6px;background:#e8e2d3;position:relative;overflow:hidden}
.fq-bar i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--green);border-radius:6px}
.fq-bar em{font-style:normal;font-weight:800;text-align:right}
.fq-pairs{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:14px 0}
.fq-pair{background:#ffffffa6;border-radius:18px;padding:12px;color:#1f2a22;display:flex;flex-direction:column;align-items:center}
.fq-pair small{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#5f6a5c}
.fq-pair svg{width:74px;height:74px;margin:4px 0}.fq-pair b{font-size:14px}
.fq-order{width:100%;min-height:54px;background:var(--green);border-color:var(--green);color:#fff;font-size:15px;margin-top:4px}
.fq-order:hover{background:#0b6e3e}
.fq-actions{display:flex;gap:10px;width:100%;margin-top:10px}.fq-actions .secondary{flex:1;background:#ffffffc4;min-height:48px;color:#1f2a22}
.fq-shared:empty{display:none}.fq-shared{font-size:13px;font-weight:700;margin:10px 0 0}
@media(max-width:720px){.fq{border-radius:22px;min-height:calc(100svh - 120px);padding:24px 16px 120px;margin:0 -4px 40px}.fq-hills{height:90px}.fq-answer{font-size:14px;min-height:56px}.fq-bar{grid-template-columns:92px 1fr 38px}}
@media(prefers-reduced-motion:reduce){.fq-petal,.fq-bob{animation:none}.fq-petal{display:none}.fq-answer{animation:none}}
/* keep the header inside small phone screens */
@media(max-width:480px){.header-in{padding:10px 14px;gap:8px}.brand{gap:8px;min-width:0}.logo{height:36px}.brand strong{font-size:17px}.header-right{gap:8px;flex:none}.head-contact{padding:10px 2px}.head-basket{padding:8px 10px;gap:6px}}
@media(max-width:360px){.brand strong{font-size:15px}.logo{height:32px}}