.hqr-page{--hq-magenta:var(--hq-range-lime);--hq-plum:#2e5e1e;--hq-berry:#4c8a00;--hq-blush:#f4f9e6;--hq-grad:linear-gradient(100deg,var(--hq-berry),var(--hq-magenta),var(--hq-range-teal));--hq-grad-text:var(--hq-grad);--hq-grad-soft:linear-gradient(145deg,var(--hq-blush),var(--hq-buy-surface));background:var(--hq-buy-surface);color:var(--hq-ink)}
body:has(.hqrp) .hq-story,body:has(.hqrp) .hq-cross,body:has(.hqrp) .hq-faq-section,body:has(.hqrp) .hqsb{--hq-grad:linear-gradient(100deg,var(--hq-range-lime),var(--hq-range-teal));--hq-grad-text:var(--hq-grad);--hq-plum:#2e5e1e;--hq-blush:#f4f9e6}
.hqr-editorial{display:grid;grid-template-columns:1fr 1fr;min-height:680px;border-block:1px solid var(--hq-line)}
.hqr-editorial__art{position:relative;min-width:0;overflow:hidden;background:var(--hq-grad-soft)}
.hqr-editorial__art>img{display:block;width:100%;height:100%;object-fit:cover}
.hqr-editorial__art--pack>img{object-fit:contain}
.hqr-editorial__caption{position:absolute;bottom:36px;left:36px;right:36px;color:var(--hq-buy-surface);font:900 42px/1.15 var(--hq-display)}
.hqr-editorial__copy{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:64px 48px;min-width:0}
.hq .hqr-editorial__copy h2,.hq.hqr-mix h2{font:900 56px/1.15 var(--hq-display);background:var(--hq-grad-text);background-clip:text;-webkit-background-clip:text;color:transparent;padding-block:4px}
.hqr-editorial__copy>p{font:400 17px/1.7 var(--hq-body);max-width:520px}
.hqr-editorial .button,.hqr-mix .button{align-self:flex-start;background:var(--hq-grad);color:var(--hq-buy-surface);border-radius:var(--buttons-radius);font-family:var(--hq-body);min-height:52px}
.hqr-editorial .button:after,.hqr-mix .button:after{box-shadow:none}
.hq.hqr-editorial .hqi-tabs{display:flex;gap:0;border:0;border-bottom:1px solid var(--hq-line);margin:0;flex-wrap:nowrap}
.hq.hqr-editorial .hqi-tabs button{flex:1 1 0;min-width:0;white-space:normal;background:transparent;border:0;border-bottom:2px solid transparent;padding:14px 6px;color:var(--hq-ink);font:700 12px/1.4 var(--hq-body);letter-spacing:0;cursor:pointer}
.hqr-editorial .hqi-tabs button[aria-selected=true]{border-color:var(--hq-plum);color:var(--hq-plum)}
.hqr-editorial [hidden]{display:none!important}
.hqr-editorial__nutrients{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.hqr-editorial .hqi-editorial__images{margin:24px auto 0}.hqr-editorial .hqi-editorial__ingredient figcaption{color:var(--hq-plum)}
.hqr-editorial__nutrient{padding:20px 0;border-bottom:1px solid var(--hq-line)}
.hqr-editorial__nutrient strong{display:block;font:900 24px/1.3 var(--hq-display);color:var(--hq-plum)}
.hqr-editorial__nutrient span{display:block;margin-top:6px;font:400 13px/1.4 var(--hq-body)}
.hqr-editorial__label{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.hqr-editorial__label-link{display:block;text-align:center;padding:12px;color:var(--hq-plum);text-decoration:underline}
.hqr-mix{padding:80px 0;background:var(--hq-grad-soft)}
.hqr-mix__head{text-align:center;max-width:800px;margin:0 auto 48px}
.hqr-mix__head p{margin-top:20px;font:400 17px/1.6 var(--hq-body)}
.hqr-mix__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.hqr-mix__step{border-top:1px solid var(--hq-line);padding-top:24px}
.hqr-mix__number{display:block;font:900 76px/1 var(--hq-display);color:var(--hq-plum);margin-bottom:28px}
.hqr-mix__step h3{font:900 26px/1.3 var(--hq-display);margin-bottom:12px}
.hqr-mix__step p{font:400 16px/1.65 var(--hq-body)}
.hqr-mix .button{display:flex;width:max-content;margin:40px auto 0}
.hqr-editorial__rows{display:grid}
.hqr-editorial__row{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--hq-line);padding:20px 0;font:400 16px/1.5 var(--hq-body)}
.hqr-editorial__row strong{color:var(--hq-plum)}
.hqr-editorial__note{font-size:12px!important;line-height:1.6!important}
.hq.hqr-mix .hqr-mix__head h2{font-size:56px}
.hq.hqr-mix .hqr-mix__head p{margin-top:20px}
body:has(.hqrp) .hq .hq-cross__card[data-range-colour="berry"]{--hq-tint:#b3478c;--hq-card-end:#644774}
@media(max-width:900px){.hq.hqr-mix .hqr-mix__head h2{font-size:38px}}
@media(max-width:900px){.hqr-editorial{grid-template-columns:1fr;min-height:0}.hqr-editorial__art{aspect-ratio:1}.hqr-editorial__copy{padding:44px 20px 52px;text-align:center;align-items:center;gap:24px}.hq .hqr-editorial__copy h2,.hq .hqr-mix h2{font-size:38px;line-height:1.18}.hqr-editorial__copy>p{font-size:16px}.hqr-editorial__copy .hqi-panel{width:100%}.hqr-editorial__nutrients{text-align:left;gap:0 16px}.hqr-editorial__nutrient strong{font-size:22px}.hqr-editorial .button{align-self:center}.hqr-editorial__caption{font-size:34px;left:24px;right:24px;bottom:28px}.hqr-mix{padding:56px 0}.hqr-mix__head{margin-bottom:32px}.hqr-mix__steps{grid-template-columns:1fr;gap:28px}.hqr-mix__step{display:grid;grid-template-columns:60px 1fr;gap:0 20px;text-align:left}.hqr-mix__number{font-size:52px;grid-row:1/3;margin:0}.hqr-mix__step h3{font-size:24px}.hqr-editorial__rows{width:100%;text-align:left}.hqr-editorial__row{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hqr-editorial *{transition:none!important}}.hqr-editorial--smoke{position:relative;overflow:hidden;background:#123a6b}
.hqr-editorial__smoke{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;pointer-events:none}
.hqr-editorial--smoke .hqr-editorial__copy,.hqr-editorial--smoke .hqr-editorial__art{position:relative;z-index:1}
.hqr-editorial--smoke .hqr-editorial__copy h2,.hqr-editorial--smoke .hqr-editorial__copy p{color:#fff}
