.p-grid :is(h1,h2,h3,h4,.t-display){overflow-wrap:anywhere}.p-grid{padding-block:var(--space-section-y)}.p-grid__inner{display:flex;flex-direction:column}.p-grid__head,.p-grid__intro{display:flex;flex-direction:column;gap:var(--space-4)}.p-grid__arrows{flex:none}.p-grid__heading,.p-grid__lead{margin:0}.p-grid__lead{color:var(--color-text-secondary)}.p-grid__cards{display:grid;margin:0;padding:0;list-style:none}.p-grid--news{border-block-start:var(--border-width-hairline) solid var(--color-border-subtle)}.p-grid--news .p-grid__inner{gap:var(--space-8)}.p-grid--news .p-grid__cards{gap:var(--space-9)}.p-grid__news{display:flex;flex-direction:column;gap:var(--space-5)}.p-grid__news-media{overflow:hidden;border-radius:var(--radius-md)}.p-grid__news-media--collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-1);aspect-ratio:4 / 3;background:var(--color-bg-soft)}.p-grid__news-img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.p-grid__news-media--collage .p-grid__news-img{height:100%;aspect-ratio:auto}.p-grid__news-img--empty{background:var(--color-bg-subtle)}.p-grid__news-media--collage .p-grid__news-img--empty{background:var(--color-bg-soft)}.p-grid__news-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.p-grid__count{display:flex;align-self:stretch;align-items:baseline;gap:var(--space-3);margin:0}.p-grid__count-number{color:var(--color-text-primary);font-size:var(--type-display-size);line-height:1;letter-spacing:var(--type-display-tracking)}.p-grid__count-word{color:var(--color-text-secondary)}.p-grid__news-title,.p-grid__news-lead{margin:0}.p-grid__news-lead{color:var(--color-text-secondary)}.p-grid__news-link{font-weight:var(--font-weight-medium)}.p-grid--same .p-grid__inner{gap:var(--space-7)}.p-grid--same .p-grid__head{align-items:center;text-align:center}.p-grid--same .p-grid__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.p-grid__same{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-page)}.p-grid__same-icon{display:inline-flex;color:var(--color-icon-default)}.p-grid__same-title{margin:0;color:var(--color-text-primary);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--font-weight-medium)}.p-grid__same-line{margin:0;color:var(--color-text-secondary)}.p-grid--colours{border-block-start:var(--border-width-hairline) solid var(--color-border-subtle)}.p-grid--colours .p-grid__inner{gap:var(--space-7)}.p-grid--colours .p-grid__head{align-items:center;text-align:center}.p-grid__colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-5);margin:0;padding:0;list-style:none}.p-grid__colour-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none}.p-grid__colour-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:var(--color-bg-tint)}.p-grid__colour-img--empty{background:var(--color-bg-subtle)}.p-grid__colour-name{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--font-weight-medium);text-align:center}@media(hover:hover)and (pointer:fine){.p-grid__colour-link:hover .p-grid__colour-name{text-decoration:underline;text-underline-offset:var(--space-raw-3)}}.p-grid--ingredients .p-grid__inner{gap:var(--space-5)}:is(.p-grid--ingredients,.p-grid--how){--rail-edge: max(var(--container-gutter), calc((100vw - var(--container-max)) / 2));overflow-x:clip}:is(.p-grid--ingredients,.p-grid--how) .c-carousel__track{margin-inline-end:calc(var(--rail-edge) * -1);padding-inline-end:var(--rail-edge);scroll-padding-inline-end:var(--rail-edge)}.p-grid--ingredients .p-grid__lead{font-size:var(--type-small-size);line-height:var(--type-small-line)}.p-grid__rail{display:flex;flex-direction:column;gap:var(--space-5);margin-inline-end:calc(var(--container-gutter) * -1)}.p-grid__rail-track{--carousel-gap: var(--space-3);grid-auto-columns:calc((100% - var(--container-gutter)) * .7697);align-items:stretch}.p-grid__ingredient{display:flex;flex-direction:column;height:100%;overflow:hidden;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-page);scroll-snap-align:start}.p-grid__ingredient-media{aspect-ratio:4 / 3;background:var(--color-bg-subtle)}.p-grid__ingredient-img{display:block;width:100%;height:100%;object-fit:cover}.p-grid__ingredient-body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.p-grid__ingredient-eyebrow{margin:0;color:var(--color-text-selected);font-size:calc(var(--type-label-size) * 11 / 14);line-height:var(--type-label-line);letter-spacing:var(--type-label-tracking);font-weight:var(--font-weight-medium);text-transform:uppercase}.p-grid__ingredient-name{margin:0;color:var(--color-text-primary);font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--font-weight-medium)}.p-grid__ingredient-points{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.p-grid__ingredient-point{position:relative;padding-inline-start:var(--space-raw-10);color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line)}.p-grid__ingredient-point:before{content:"";position:absolute;inset-block-start:var(--space-2);inset-inline-start:0;width:var(--space-1);height:var(--space-1);border-radius:var(--radius-raw-2);background:var(--color-bg-brand)}.p-grid__dots{gap:var(--space-raw-6);margin-inline-end:var(--container-gutter);min-block-size:var(--space-raw-6)}.p-grid__dots .c-carousel-dots__dot{width:var(--space-raw-6);height:var(--space-raw-6);background:var(--color-border-subtle)}.p-grid__dots .c-carousel-dots__dot[aria-current=true]{width:var(--space-raw-22);background:var(--color-bg-inverse)}.p-grid--features{border-block-start:var(--border-width-hairline) solid var(--color-border-subtle)}.p-grid--features .p-grid__inner{gap:var(--stack-head-to-content)}.p-grid--features .p-grid__head{align-items:center;text-align:center}.p-grid__features{display:flex;flex-direction:column;gap:var(--space-8)}.p-grid__feature-media{order:-1;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--radius-lg);background:var(--color-bg-selected);box-shadow:var(--shadow-sm)}.p-grid__feature-img{display:block;width:100%;height:100%;object-fit:cover}.p-grid__feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4);margin:0;padding:0;list-style:none}.p-grid__feature{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-raw-20)}.p-grid__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-raw-23) * 2);height:calc(var(--space-raw-23) * 2);border:var(--border-width-hairline) solid var(--color-bg-selected);border-radius:var(--radius-round);background:var(--color-bg-page);box-shadow:var(--ring-soft-3);color:var(--color-icon-default)}.p-grid__feature-label{color:var(--color-text-primary);font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium)}.p-grid--how .p-grid__inner{gap:var(--space-5)}.p-grid--how .p-grid__head{position:relative;align-items:center;text-align:center}.p-grid--how .p-grid__intro{align-items:center}.p-grid--how .p-grid__intro .p-grid__heading{margin-block-start:calc(var(--stack-label-to-heading) - var(--space-4));font-size:var(--type-h3-size);line-height:var(--type-h3-line);letter-spacing:var(--type-h3-tracking)}.p-grid__eyebrow{margin:0;color:var(--color-text-secondary)}.p-grid--how .p-grid__lead{font-size:var(--type-small-size);line-height:var(--type-small-line)}.p-grid__how-track{grid-auto-columns:calc((100% - var(--container-gutter)) * .8276)}.p-grid__step{display:flex;flex-direction:column;gap:var(--space-1);scroll-snap-align:start}.p-grid__step-media{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;margin-block-end:calc(var(--space-3) - var(--space-1));border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.p-grid__step-media:after{content:"";grid-area:1 / 1;aspect-ratio:3 / 4}.p-grid__step-img,.p-grid__step-film{grid-area:1 / 1;height:0;min-height:100%}.p-grid__step-img{display:block;width:100%;object-fit:cover}.p-grid__step-film .c-film__frame{height:100%;aspect-ratio:auto}.p-grid__step-film .c-film__frame{border-radius:var(--radius-lg)}.p-grid__step-number{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-round);background:var(--color-bg-page);color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium)}.p-grid__step-tip{overflow-wrap:anywhere;position:relative;grid-area:1 / 1;align-self:end;margin:var(--space-3);padding:var(--space-raw-6) var(--space-3);border-radius:var(--radius-pill);background:var(--color-glass);color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium)}.p-grid__step-title{margin:0;color:var(--color-text-primary);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--font-weight-medium)}.p-grid__step-text{margin:0;color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:calc(var(--type-small-size) * 1.5)}.p-grid__how-action{display:flex;justify-content:center}.p-grid__how-action .btn{width:100%}.p-grid--shelf{border-block-start:var(--border-width-hairline) solid var(--color-border-subtle)}.p-grid--shelf .p-grid__inner{gap:var(--space-5)}.p-grid--shelf .p-grid__head{gap:var(--space-3)}.p-grid__head[id]{scroll-margin-block-start:calc(var(--control-height-sm) + var(--space-8))}.p-grid--shelf .p-grid__intro{gap:var(--space-4)}.p-grid--shelf .p-grid__intro .p-grid__heading{margin-block-start:calc(var(--stack-label-to-heading) - var(--space-4))}.p-grid__shelf-body{margin-block-start:calc(var(--space-2) - var(--space-4));font-size:var(--type-body-size);line-height:var(--type-body-line)}.p-grid__shelf{display:flex;gap:var(--space-3);margin:calc(var(--space-1) * -1) calc(var(--container-gutter) * -1) calc(var(--space-1) * -1) 0;padding:var(--space-1) 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.p-grid__shelf::-webkit-scrollbar{display:none}.p-grid__shelf-item{flex:none;width:calc((100% - var(--container-gutter)) * .44);min-width:0;scroll-snap-align:start}.p-grid__shelf-empty{display:block;aspect-ratio:1 / 1;border-radius:var(--radius-md);background:var(--color-bg-subtle)}@media(min-width:750px){@media not (min-width:990px){.p-grid__shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4);margin-inline-end:0;overflow:visible}.p-grid__shelf-item{width:auto}}}@media(min-width:990px){.p-grid--news .p-grid__head{max-width:45%}.p-grid--news .p-grid__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.p-grid--same .p-grid__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.p-grid__colours{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5)}.p-grid--ingredients .p-grid__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.p-grid--ingredients .p-grid__inner{gap:var(--space-6)}.p-grid--ingredients .p-grid__lead{font-size:var(--type-reading-size);line-height:var(--type-reading-line)}.p-grid__rail{margin-inline-end:0}.p-grid__rail-track{--carousel-gap: var(--space-5);grid-auto-columns:23.75%}.p-grid__dots{display:none}.p-grid__features{display:grid;grid-template-columns:560fr 560fr;align-items:center;column-gap:var(--space-12)}.p-grid__feature-media{order:0}.p-grid__feature-list{gap:var(--container-gutter) var(--space-6)}.p-grid__feature-icon{width:calc(var(--space-raw-29) * 2);height:calc(var(--space-raw-29) * 2)}.p-grid__feature-label{font-size:var(--type-body-size);line-height:var(--type-body-line)}.p-grid--how .p-grid__inner{gap:var(--space-7)}.p-grid--how .p-grid__intro .p-grid__heading{font-size:var(--type-h2-size);line-height:var(--type-h2-line);letter-spacing:var(--type-h2-tracking)}.p-grid--how .p-grid__lead{max-width:calc(var(--space-12) * 3);font-size:var(--type-reading-size);line-height:var(--type-reading-line)}.p-grid--how .p-grid__arrows{position:absolute;inset-block-end:0;inset-inline-end:0}.p-grid__how-track{--carousel-gap: var(--space-5);grid-auto-columns:21.511%}.p-grid__how-action .btn{width:auto}.p-grid--shelf .p-grid__inner{gap:var(--space-6)}.p-grid--shelf .p-grid__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.p-grid--shelf .p-grid__intro{max-width:45%}.p-grid__shelf-link{flex:none}.p-grid__shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-inline-end:0;overflow:visible}.p-grid__shelf-item{width:auto}}body[data-template="product.instant-gels"] :is(.p-grid__heading,.p-grid--how .p-grid__intro .p-grid__heading){font-size:var(--type-h2-size);line-height:var(--type-h2-line);letter-spacing:var(--type-h2-tracking)}@media not (min-width:990px){body[data-template="product.instant-gels"] .p-grid--how{padding-block:var(--space-7)}}.p-grid__news-link{position:relative}.p-grid__news-link:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:var(--touch-target);translate:0 -50%}.p-grid__news-link .icon--trail{vertical-align:-.25em;transition:translate var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.p-grid__news-link:hover .icon--trail{translate:var(--space-raw-2) 0}}@media(prefers-reduced-motion:reduce){.p-grid__news-link .icon--trail{transition:none}.p-grid__news-link:hover .icon--trail{translate:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/p-grid.css.map */