.i8-box{--i8-green:#356b3b;--i8-accent:#91cf62;--i8-ink:#171c18;color:var(--i8-ink);font-family:var(--font-body--family);padding:40px 0 64px;font-size:15px;line-height:1.65}
.i8-box *{box-sizing:border-box}.i8-box [hidden]{display:none!important}.i8-box__wrap{width:min(1320px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:start}.i8-box h1,.i8-box h2,.i8-box p{margin:0}.i8-box h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;font-weight:700;margin:14px 0 22px;text-wrap:balance}.i8-box__eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:var(--i8-green)}.i8-box__intro{font-size:16px;color:#536052}.i8-box__photo{margin:28px 0 0;background:#f5f5f1;border-radius:14px;overflow:hidden;aspect-ratio:1.15}.i8-box__photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.i8-box__benefits{padding:18px 0 0;font-size:12px;color:#5b6759;display:flex;flex-wrap:wrap;gap:10px 18px}.i8-box__help{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}.i8-box__help a{color:var(--i8-green);font-weight:700;font-size:12px;text-underline-offset:4px;min-height:32px}.i8-box__panel{border:1px solid #dce4d6;border-radius:18px;padding:30px;background:#fff}.i8-box__offer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e9e1;padding-bottom:20px;margin-bottom:24px}.i8-box__price{font-size:32px;line-height:1.2;font-weight:700}.i8-box__price small{font-size:11px;font-weight:400}.i8-box__was{font-size:14px;color:#768171;margin-right:12px}.i8-box__saving{background:var(--i8-accent);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap}.i8-box__heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.i8-box__heading h2{font-size:21px;font-weight:700;letter-spacing:-.02em}.i8-box__clear{border:0;background:none;padding:10px 0;font-size:12px;text-decoration:underline;color:#536052;cursor:pointer}.i8-box__note{font-size:12px;color:#5b6759;margin:7px 0 20px!important}.i8-box__colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.i8-box__card{border:1px solid #dce4d6;border-radius:12px;padding:15px}.i8-box__label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;margin-bottom:12px}.i8-box__swatch{display:block;width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid #0002}.i8-box__quantity{display:flex;align-items:center;border:1px solid #dce4d6;border-radius:999px;overflow:hidden;width:100%;height:42px}.i8-box__quantity button{display:grid;place-items:center;min-width:40px;min-height:40px;border:0;background:#f7f8f4;font-size:20px;cursor:pointer;color:var(--i8-ink)}.i8-box__quantity input{width:100%;min-width:0;text-align:center;border:0;background:#fff;padding:8px 0;font:inherit;color:inherit;appearance:textfield;-moz-appearance:textfield}.i8-box__quantity input::-webkit-inner-spin-button{appearance:none}.i8-box button:disabled{cursor:not-allowed;opacity:.38}.i8-box__stock{display:block;font-size:10px;color:#6c7668;margin-top:8px}.i8-box__progress{margin-top:25px}.i8-box__progress p{font-size:13px;font-weight:700}.i8-box meter{display:block;width:100%;height:9px;margin:10px 0;appearance:none;border:0;background:#edf1e8;border-radius:99px;overflow:hidden}.i8-box meter::-webkit-meter-bar{background:#edf1e8;border:0}.i8-box meter::-webkit-meter-optimum-value{background:var(--i8-green)}.i8-box meter::-moz-meter-bar{background:var(--i8-green)}.i8-box__slots{display:flex;gap:10px;margin:15px 0 24px}.i8-box__slots span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0f2ec;color:#87927f;font-size:11px;border:1px dashed #bbc8b0}.i8-box__slots [data-filled-colour=red]{background:#ce3c45}.i8-box__slots [data-filled-colour=yellow]{background:#f1d836}.i8-box__slots [data-filled-colour=blue]{background:#307bc9}.i8-box__slots [data-filled-colour=orange]{background:#e88327}.i8-box__slots [data-filled-colour=purple]{background:#7b3d95}.i8-box__slots [data-filled-colour=green]{background:#74a64a}.i8-box__slots [data-filled-colour]:not([data-filled-colour='']){border:1px solid #0002}.i8-box__add{display:block;width:100%;min-height:52px;border:0;border-radius:999px;background:var(--i8-green);color:#fff;font:inherit;font-weight:700;padding:12px 20px;cursor:pointer}.i8-box__add:hover{background:#254f2a}.i8-box__error{color:#a1222c;font-size:12px;margin-top:12px!important}.i8-box__preview{font-size:12px;color:#536052;padding:12px 15px;background:#f3f7ee;border-radius:8px;margin-top:14px!important}.i8-box__shipping{font-size:11px;color:#6c7668;margin-top:12px!important}.i8-box button:focus-visible,.i8-box a:focus-visible,.i8-box input:focus-visible{outline:3px solid var(--i8-green);outline-offset:3px}.i8-box__mobile-offer{display:none}
@media(max-width:1000px){.i8-box__wrap{gap:30px;width:calc(100% - 48px)}.i8-box__panel{padding:22px}.i8-box__colours{gap:10px}.i8-box__card{padding:12px}}
@media(max-width:749px){.i8-box{padding:22px 0 44px}.i8-box__wrap{width:calc(100% - 36px);grid-template-columns:1fr;gap:26px}.i8-box h1{font-size:36px;margin-bottom:16px}.i8-box__intro{font-size:14px}.i8-box__photo{margin-top:22px;aspect-ratio:1.4}.i8-box__panel{padding:20px 17px}.i8-box__price{font-size:29px}.i8-box__saving{font-size:11px;padding:6px 10px}.i8-box__quantity button{min-width:35px}.i8-box__quantity{height:44px}.i8-box__slots{gap:9px}.i8-box__help{gap:18px;margin-top:16px}}
.i8-box__colours{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.i8-box__card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label quantity" "stock quantity";column-gap:12px;row-gap:0;align-items:center;padding:10px 12px}
.i8-box__label{grid-area:label;margin:0;gap:7px;line-height:20px}
.i8-box__swatch{width:14px;height:14px;flex-shrink:0}
.i8-box__stock{grid-area:stock;margin:0;line-height:14px}
.i8-box__quantity{grid-area:quantity;display:grid;grid-template-columns:38px 30px 38px;width:108px;height:40px;justify-self:end}
.i8-box__quantity button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:18px;line-height:1}
.i8-box__quantity input{width:30px;height:38px;padding:0;font-size:14px;line-height:1}
@media(max-width:520px){.i8-box__colours{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.i8-box__card{grid-template-columns:1fr;grid-template-areas:"label" "quantity" "stock";gap:6px;padding:10px}.i8-box__quantity{justify-self:start}.i8-box__stock{font-size:10px}}


.i8-box__wrap > .i8-formats{grid-column:1 / -1;margin-top:0}