:root{--green:#0f3d2e;--green-2:#1b6b4f;--lime:#c9f26b;--mint:#eaf5ee;--cream:#f7f6f1;--white:#fff;--ink:#14231c;--muted:#5d6b63;--line:#e7e8e1;--orange:#ff7a3d;--r:20px;--font:"Plus Jakarta Sans",system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}.wrap{width:min(100% - 48px,1320px);margin-inline:auto}.ribbon{color:#c3cddb;background:#050a14;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:9px 16px;font:500 13px/1.4 system-ui,sans-serif;display:flex}.ribbon b{color:#fff}.ribbon a{color:#16c2d8}.bar{background:var(--green);color:#dfeee6;font-size:13px}.bar .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:9px 0;display:flex}.bar b{color:var(--lime);font-weight:600}header{z-index:20;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffe6;position:sticky;top:0}.nav{align-items:center;gap:24px;height:74px;display:flex}.logo{letter-spacing:-.03em;color:var(--green);align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.logo i{background:var(--lime);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.search{background:var(--cream);height:46px;color:var(--muted);border-radius:99px;flex:1;align-items:center;gap:10px;padding:0 18px;font-size:14px;display:flex}.search svg{width:18px;height:18px}.links{gap:20px;font-size:14px;font-weight:600;display:flex}.cart{background:var(--green);color:#fff;border-radius:99px;align-items:center;gap:10px;height:46px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.cart span{background:var(--lime);color:var(--green);border-radius:99px;padding:1px 8px;font-size:12px}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-lime{background:var(--lime);color:var(--green)}.btn-green{background:var(--green);color:#fff}.btn-white{color:var(--green);background:#fff}.hero{grid-template-columns:1.35fr .65fr;gap:16px;margin-top:20px;display:grid}.hero-main{color:#fff;background:var(--green);border-radius:28px;min-height:520px;position:relative;overflow:hidden}.hero-main>img{position:absolute;inset:0}.hero-main:after{content:"";background:linear-gradient(90deg,#0a281deb 0%,#0a281db3 42%,#0a281d00 75%);position:absolute;inset:0}.hero-copy{z-index:2;max-width:600px;padding:56px;position:relative}.chip{color:var(--lime);background:#c9f26b29;border-radius:99px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}h1{letter-spacing:-.04em;margin:18px 0 16px;font-size:clamp(40px,4.4vw,62px);font-weight:800;line-height:1.02}h1 span{color:var(--lime)}.hero-copy p{color:#d5e5dc;max-width:400px;margin:0 0 26px;font-size:16.5px}.postcode{background:#fff;border-radius:99px;max-width:430px;padding:6px;display:flex}.postcode input{min-width:0;font:600 15px var(--font);color:var(--ink);text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;padding:0 18px}.ok{color:#bcd6c8;margin-top:14px;font-size:13.5px}.ok b{color:var(--lime)}.side{gap:16px;display:grid}.card{border-radius:var(--r);background:#fff;padding:24px}.card h3{letter-spacing:-.02em;margin:0 0 2px;font-size:18px}.muted{color:var(--muted);font-size:13.5px}.slots{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.slots span{background:var(--cream);text-align:center;border-radius:14px;padding:10px 6px;font-size:12.5px;line-height:1.3}.slots b{font-size:13.5px;display:block}.slots .on{background:var(--green);color:#fff}.slots .full{opacity:.4;text-decoration:line-through}.meter{background:var(--cream);border-radius:99px;height:8px;margin:12px 0 10px;overflow:hidden}.meter i{background:var(--green-2);border-radius:99px;width:78%;height:100%;display:block}.line{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.line.total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:800}.promo{background:var(--orange);color:#fff;border-radius:var(--r);justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.promo b{letter-spacing:-.02em;font-size:22px;font-weight:800;display:block}.promo img{object-fit:contain;background:#fff;border-radius:50%;width:84px;height:84px;padding:6px}section.block{margin-top:72px}.head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.05}.head a{color:var(--green-2);font-size:14px;font-weight:700}.cats{grid-template-columns:repeat(8,1fr);gap:12px;display:grid}.cat{border-radius:var(--r);background:#fff;justify-items:center;gap:10px;padding:16px 8px 14px;font-size:13.5px;font-weight:700;transition:transform .2s;display:grid}.cat:hover{transform:translateY(-3px)}.cat .ic{background:var(--mint);border-radius:50%;width:70px;height:70px;overflow:hidden}.grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.p{border-radius:var(--r);background:#fff;flex-direction:column;padding:12px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.p:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px #0f3d2e66}.p .ph{aspect-ratio:1;background:#fff;border-radius:14px;overflow:hidden}.p .ph img{object-fit:contain;padding:8px}.p .tag{background:var(--lime);color:var(--green);border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:800;position:absolute;top:18px;left:18px}.p .tag.o{background:var(--orange);color:#fff}.p h4{margin:10px 2px 2px;font-size:14px;font-weight:700;line-height:1.35}.p .unit{color:var(--muted);margin:0 2px;font-size:12.5px}.p .row{justify-content:space-between;align-items:center;margin-top:auto;padding:12px 2px 0;display:flex}.p .pr{font-size:16px;font-weight:800}.p .pr s{color:var(--muted);margin-left:6px;font-size:12.5px;font-weight:500}.add{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.qty{background:var(--green);color:#fff;border-radius:99px;align-items:center;gap:8px;height:36px;padding:0 4px;font-size:13.5px;font-weight:700;display:flex}.qty span{background:#ffffff26;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.duo{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bundle{background:var(--lime);border-radius:28px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.bundle .copy{padding:36px}.bundle h3,.reorder h3{letter-spacing:-.04em;margin:14px 0 12px;font-size:32px;font-weight:800;line-height:1.05}.bundle ul{margin:0 0 24px;padding-left:18px;font-size:14px}.bundle .ph{min-height:320px}.reorder{background:var(--green);color:#fff;border-radius:28px;padding:36px}.past{gap:10px;margin:18px 0;display:grid}.past div{background:#ffffff12;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.past .thumbs{display:flex}.past .thumbs img{object-fit:contain;border:2px solid var(--green);background:#fff;border-radius:50%;width:36px;height:36px;margin-left:-8px;padding:3px}.past small{color:#a9c6b7;display:block}.wallet{color:var(--lime);background:#c9f26b1f;border-radius:16px;justify-content:space-between;padding:16px 18px;font-weight:700;display:flex}.areas{background:#fff;border-radius:28px;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:44px;display:grid}.areas table{border-collapse:collapse;width:100%;font-size:14px}.areas td,.areas th{border-bottom:1px solid var(--line);text-align:left;padding:13px 6px}.areas th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.areas tr.me td{background:var(--mint);font-weight:700}.free{color:var(--green-2);font-weight:800}.how{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{border-radius:var(--r);background:#fff;overflow:hidden}.step .ph{aspect-ratio:16/10}.step div{padding:20px 22px 24px}.step h3{letter-spacing:-.02em;margin:0 0 6px;font-size:19px}.step p{color:var(--muted);margin:0;font-size:14px}footer{background:var(--green);color:#c9dbd1;margin-top:80px;padding:56px 0 28px;font-size:14px}.fgrid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;display:grid}.fgrid h5{color:#fff;margin:0 0 12px;font-size:14px}.fgrid a{margin-bottom:7px;display:block}.fgrid a.logo{color:#fff;display:flex}.fbottom{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:20px;font-size:12.5px;display:flex}@media (width<=1100px){.grid{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(4,1fr)}.links{display:none}}@media (width<=900px){.hero,.duo,.areas,.how{grid-template-columns:1fr}.hero-main{min-height:540px}.hero-copy{padding:32px 24px}.hero-main:after{background:linear-gradient(#0a281d59,#0a281df2 70%)}.search{display:none}.nav{justify-content:space-between}.bundle{grid-template-columns:1fr}.bundle .ph{min-height:220px}.areas{padding:24px}.fgrid{grid-template-columns:1fr 1fr}}@media (width<=560px){.wrap{width:calc(100% - 32px)}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.cats{grid-template-columns:repeat(4,1fr);gap:8px}.cat{padding:10px 4px;font-size:11.5px}.cat .ic{width:52px;height:52px}.logo{font-size:20px}.cart{padding:0 14px}.areas table{font-size:13px}}
