.shop-row{--shop-row-glow: linear-gradient(194.67deg, var(--hlth-bg-white) 77.14%, color-mix(in srgb, var(--hlth-btn) 20%, transparent) 100.78%);--shop-row-shadow: 0 2px 12px rgba(0, 0, 0, .06);--shop-row-shadow-hover: 0 4px 20px rgba(0, 0, 0, .1);--shop-row-ring: 2px solid var(--hlth-mineral);--shop-row-tight: calc(var(--hlth-space-xs) / 2);--shop-row-pack: 64px;--shop-row-arrow: 20px;--shop-row-pill-line: 1.5px;--shop-row-media: 168px;--shop-row-aside: 120px;background:var(--hlth-bg-white);color:var(--hlth-text);font-family:var(--hlth-font-primary);letter-spacing:0;padding:70px 0}.shop-row *,.shop-row *:before,.shop-row *:after{box-sizing:border-box}:where(.shop-row) p,:where(.shop-row) h2,:where(.shop-row) h3{margin:0}.shop-row__wrap{max-width:var(--hlth-container-max);margin:0 auto;padding:0 var(--hlth-container-pad)}.shop-row__head{margin:0 0 var(--hlth-space-md)}.shop-row__heading{margin:0;max-width:12em;font-size:28px;line-height:1.2;letter-spacing:-.015em;color:var(--hlth-text);text-wrap:balance}.shop-row__heading em,.shop-row__heading i{font-family:var(--hlth-font-editorial);font-style:italic;font-weight:600;letter-spacing:-.01em}.shop-row__sub{max-width:var(--hlth-text-max);margin-top:var(--hlth-space-xs);font-size:16px;line-height:1.6;color:var(--hlth-text)}.shop-row__rule{display:block;width:40px;height:2px;margin-top:var(--hlth-space-sm);background:var(--hlth-green)}.shop-row__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--hlth-space-xs)}.shop-row__card{position:relative;display:grid;grid-template-columns:var(--shop-row-pack) var(--hlth-space-sm) minmax(0,1fr) var(--hlth-space-xs) var(--shop-row-arrow);grid-template-areas:"pack . label    label    label" "pack . title    .        go" "pack . flavours flavours flavours" "pack . price    price    price" "pack . plan     plan     plan" "gift gift gift  gift     gift";align-items:center;padding:var(--hlth-space-sm);border-radius:var(--hlth-radius);background-color:var(--hlth-bg-white);background-image:var(--shop-row-glow);box-shadow:var(--shop-row-shadow);-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease}.shop-row__media,.shop-row__aside{display:contents}.shop-row__stat,.shop-row__note{display:none}.shop-row__label{grid-area:label;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:3px;text-transform:uppercase;color:var(--hlth-mineral)}.shop-row__title{grid-area:title;margin:var(--shop-row-tight) 0 0;font-size:18px;line-height:1.2;letter-spacing:0;color:var(--hlth-text)}.shop-row__pack{grid-area:pack;position:relative;width:var(--shop-row-pack);aspect-ratio:6 / 7}.shop-row__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.1))}.shop-row__flavours{grid-area:flavours;position:relative;z-index:2;display:flex;gap:var(--hlth-space-xs);margin-top:var(--hlth-space-xs)}.shop-row__flavour{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 8px;border:var(--shop-row-pill-line) solid var(--hlth-border);border-radius:40px;background:var(--hlth-bg-white);color:var(--hlth-text);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.shop-row__flavour-input{position:absolute;top:calc(-1 * (var(--hlth-space-xs) + var(--shop-row-pill-line)));left:calc(-1 * var(--shop-row-pill-line));width:calc(100% + 2 * var(--shop-row-pill-line));height:calc(100% + 2 * (var(--hlth-space-xs) + var(--shop-row-pill-line)));margin:0;-webkit-appearance:none;appearance:none;opacity:0;cursor:pointer}.shop-row__swatch{flex:none;width:14px;height:14px;border-radius:50%;background:var(--hv-swatch, var(--hlth-chocolate));box-shadow:0 0 0 1px var(--hlth-border)}.shop-row__flavour:has(.shop-row__flavour-input:checked){border-color:var(--hlth-text);background:var(--hlth-text);color:var(--hlth-bg-white)}.shop-row__flavour:has(.shop-row__flavour-input:checked) .shop-row__swatch{box-shadow:0 0 0 1.5px var(--hlth-bg-white)}.shop-row__flavour-input:focus-visible{outline:none;box-shadow:none}.shop-row__flavour:has(.shop-row__flavour-input:focus-visible){outline:var(--shop-row-ring);outline-offset:2px}.shop-row__price{grid-area:price;display:flex;flex-wrap:wrap;align-items:center;gap:var(--shop-row-tight) var(--hlth-space-xs);margin-top:var(--hlth-space-xs)}.shop-row__amount{font-size:18px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.shop-row__save{display:inline-block;padding:4px 13px 3px;border:2px solid #FFFFFF;border-radius:999px;background:var(--hlth-green-deep);box-shadow:2px 2px 0 var(--hlth-green);color:#fff;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.shop-row__plan{grid-area:plan;margin-top:var(--shop-row-tight);font-size:14px;line-height:1.2;color:var(--hlth-text)}.shop-row__plan b{font-weight:700}.shop-row__gift{grid-area:gift;display:flex;align-items:center;gap:var(--hlth-space-xs);margin-top:var(--hlth-space-xs);font-size:13px;font-weight:600;line-height:1.2;color:var(--hlth-text)}.shop-row__gift-icon{flex:none;width:16px;height:16px}.shop-row__gift-icon circle{fill:var(--hlth-green)}.shop-row__gift-icon path{fill:none;stroke:var(--hlth-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shop-row__go{grid-area:go;display:grid;justify-items:end}.shop-row__go>*{grid-area:1 / 1}.shop-row__cta{display:flex;align-items:center;justify-content:center;width:var(--shop-row-arrow);height:var(--shop-row-arrow);color:var(--hlth-text);text-decoration:none}.shop-row__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--hlth-radius)}.shop-row__cta-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.shop-row__arrow{width:var(--shop-row-arrow);height:var(--shop-row-arrow)}.shop-row__arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shop-row__cta:focus-visible{outline:var(--shop-row-ring);outline-offset:2px;box-shadow:none}@supports selector(:has(*)){.shop-row__cta:focus-visible{outline:none}.shop-row__card:has(.shop-row__cta:focus-visible){outline:var(--shop-row-ring);outline-offset:2px}}.shop-row__swap{transition:opacity .2s ease,visibility .2s}.shop-row__swap--alt{visibility:hidden;opacity:0}.shop-row__card:has(.shop-row__flavour--alt .shop-row__flavour-input:checked) .shop-row__swap{visibility:hidden;opacity:0}.shop-row__card:has(.shop-row__flavour--alt .shop-row__flavour-input:checked) .shop-row__swap--alt{visibility:visible;opacity:1}@media(hover:hover){.shop-row__card:hover{transform:translateY(-4px);box-shadow:var(--shop-row-shadow-hover)}}@media(min-width:750px){.shop-row{--shop-row-pack: 120px;--shop-row-arrow: 24px;padding:110px 0}.shop-row__head{margin-bottom:var(--hlth-space-lg)}.shop-row__heading{font-size:clamp(32px,4vw,48px)}.shop-row__sub{font-size:18px;line-height:1.7}.shop-row__rule{margin-top:var(--hlth-space-md)}.shop-row__list{gap:var(--hlth-space-sm)}.shop-row__card{grid-template-columns:var(--shop-row-pack) var(--hlth-space-md) minmax(0,1fr) var(--hlth-space-sm) var(--shop-row-arrow);grid-template-areas:"pack . label    label    label" "pack . title    .        go" "pack . note     note     note" "pack . flavours flavours flavours" "pack . price    price    price" "pack . plan     plan     plan" "pack . gift     gift     gift";padding:var(--hlth-space-md)}.shop-row__title{font-size:20px;line-height:1.3}.shop-row__note{grid-area:note;display:grid;margin-top:var(--hlth-space-xs)}.shop-row__note>*{grid-area:1 / 1;font-size:15px;line-height:1.5;color:var(--hlth-text)}.shop-row__flavours,.shop-row__price{margin-top:var(--hlth-space-sm)}.shop-row__amount{font-size:20px}}@media(min-width:990px){.shop-row__head{margin-bottom:var(--hlth-space-lg)}.shop-row__heading{max-width:none}.shop-row__heading em,.shop-row__heading i{display:block}.shop-row__list{grid-template-columns:repeat(var(--shop-row-count, 3),minmax(0,1fr));grid-template-rows:repeat(8,auto);gap:0 var(--hlth-space-md)}.shop-row__card{grid-row:span 8;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-template-areas:none;align-items:start;padding:clamp(var(--hlth-space-sm),calc(4.5vw - 30px),var(--hlth-space-md))}.shop-row__card>*{grid-area:auto}.shop-row__media{grid-row:1;display:flex;gap:var(--hlth-space-sm);height:var(--shop-row-media);margin-bottom:var(--hlth-space-sm)}.shop-row__aside{flex:none;display:flex;flex-direction:column;justify-content:space-between;width:var(--shop-row-aside)}.shop-row__stat{display:flex;flex-direction:column;gap:var(--shop-row-tight);padding:var(--hlth-space-xs) var(--hlth-space-sm);border-radius:var(--hlth-radius);background:var(--hlth-bg-white);box-shadow:var(--shop-row-shadow);white-space:nowrap}.shop-row__stat-value{font-family:var(--hlth-font-editorial);font-style:italic;font-weight:600;font-size:32px;line-height:1;color:var(--hlth-mineral)}.shop-row__stat-label{font-size:11px;font-weight:600;line-height:1.3;color:var(--hlth-text)}.shop-row__flavours{flex-direction:column;gap:var(--hlth-space-sm);margin:0}.shop-row__flavour{width:100%}.shop-row__pack{flex:0 1 calc(var(--shop-row-media) * 6 / 7);width:auto;min-width:0;margin:auto}.shop-row__label{grid-row:2}.shop-row__title{grid-row:3;font-size:clamp(20px,1.875vw,24px);line-height:1.2}.shop-row__note{grid-row:4}.shop-row__gift{grid-row:5;margin-top:var(--hlth-space-sm);font-size:clamp(12px,calc(.57vw + 6.2px),13px)}.shop-row__price{grid-row:6;margin-top:var(--hlth-space-sm)}.shop-row__amount{font-size:24px}.shop-row__plan{grid-row:7}.shop-row__go{grid-row:8;justify-items:stretch;margin-top:var(--hlth-space-sm)}.shop-row__cta{width:100%;height:auto;min-height:48px;padding:12px 36px;border:2px solid var(--hlth-btn);border-radius:50px;background:transparent;color:var(--hlth-btn);font-size:16px;font-weight:600;line-height:1.25;transition:background-color .2s ease,color .2s ease,opacity .2s ease,visibility .2s}.shop-row__cta-text{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none}.shop-row__arrow{display:none}.shop-row__cta:focus-visible{outline:var(--shop-row-ring);outline-offset:2px}.shop-row__card:has(.shop-row__cta:focus-visible){outline:none}}@media(min-width:990px)and (hover:hover){.shop-row__cta:hover{background:var(--hlth-btn);color:var(--hlth-bg-white)}}@media(prefers-reduced-motion:reduce){.shop-row__card,.shop-row__swap,.shop-row__flavour,.shop-row__cta{transition:none}.shop-row__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/sec-hlth-shop-row.css.map */