/* Puori 20260909-rc6: original live CSS order + explicit shared policy rules. */

/* pw1.css */
/* Generated from the approved PW1 prototype. */
body.pw1-product {
  color-scheme: light;
  --ink: #172523;
  --muted: #60716e;
  --line: #dce7e4;
  --line-strong: #b9cfca;
  --surface: #ffffff;
  --surface-soft: #f3f8f7;
  --surface-tint: #e4f3f0;
  --accent: #006460;
  --accent-dark: #006460;
  --accent-ink: #005450;
  --success: #26745f;
  --promo: #b6402f;
  --promo-dark: #842d22;
  --promo-soft: #fff2ef;
  --shadow: 0 20px 60px rgb(25 79 73 / 0.12);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --content: 1220px;
  --radius: 8px;
  --button-radius: 6px;
}

body.pw1-product .pw1-scope,
body.pw1-product .pw1-scope * {
  box-sizing: border-box;
}

body.pw1-product .pw1-scope {
  scroll-behavior: smooth;
}

body.pw1-product .pw1-scope {
  margin: 0;
  background: var(--surface);
  color: var(--ink);
  font-family:
    "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

body.pw1-product .pw1-scope button,
body.pw1-product .pw1-scope input {
  font: inherit;
}

body.pw1-product .pw1-scope button,
body.pw1-product .pw1-scope a {
  -webkit-tap-highlight-color: transparent;
}

body.pw1-product .pw1-scope button {
  color: inherit;
}

body.pw1-product .pw1-scope small {
  font-size: 14px;
}

body.pw1-product .pw1-scope a {
  color: inherit;
}

body.pw1-product .pw1-scope img {
  display: block;
  max-width: 100%;
}

body.pw1-product .pw1-scope h1,
body.pw1-product .pw1-scope h2,
body.pw1-product .pw1-scope h3,
body.pw1-product .pw1-scope p {
  margin-top: 0;
}

body.pw1-product .pw1-scope h1,
body.pw1-product .pw1-scope h2,
body.pw1-product .pw1-scope h3 {
  text-wrap: balance;
}

body.pw1-product .pw1-scope .quick-facts > a:active,
body.pw1-product .pw1-scope .primary-secondary:active,
body.pw1-product .pw1-scope .primary-link:active,
body.pw1-product .pw1-scope .text-button:active,
body.pw1-product .pw1-scope .dialog-close:active {
  transform: scale(0.97);
}

body.pw1-product .pw1-scope .section-label {
  margin-bottom: 9px;
  color: var(--accent-dark);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.pw1-product .pw1-scope .audience-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 12px;
}

body.pw1-product .pw1-scope .audience-tags-intro {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 5px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.35;
}

body.pw1-product .pw1-scope .audience-tags-intro strong {
  color: var(--ink);
  font-size: 15px;
}

body.pw1-product .pw1-scope .audience-tags a {
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--accent-dark);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

body.pw1-product .pw1-scope .quick-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

body.pw1-product .pw1-scope .quick-facts > a {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  align-items: center;
  min-height: 86px;
  padding: 15px 16px;
  background: var(--surface);
  text-decoration: none;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    transform 140ms var(--ease-out);
}

body.pw1-product .pw1-scope .quick-facts > a:nth-child(2n + 1) {
  border-right: 1px solid var(--line);
}

body.pw1-product .pw1-scope .quick-facts > a:nth-child(-n + 2) {
  border-bottom: 1px solid var(--line);
}

body.pw1-product .pw1-scope .quick-facts strong {
  grid-row: 1;
  min-width: 54px;
  color: var(--accent-dark);
  font-size: 24px;
  letter-spacing: -0.04em;
}

body.pw1-product .pw1-scope .quick-facts span {
  grid-column: 1 / -1;
  margin-top: 4px;
  color: #4f615d;
  font-size: 14px;
  line-height: 1.3;
}

body.pw1-product .pw1-scope .quick-facts small {
  grid-column: 2;
  color: var(--accent-dark);
  font-size: 14px;
  font-weight: 800;
}

body.pw1-product .pw1-scope .quick-facts > a:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

body.pw1-product .pw1-scope .short-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 26px;
}

body.pw1-product .pw1-scope .purity-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 92px;
  margin-bottom: 0;
  padding: 15px 16px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: var(--surface-soft);
  color: var(--accent-dark);
  text-decoration: none;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

body.pw1-product .pw1-scope .purity-link strong,
body.pw1-product .pw1-scope .purity-link span {
  display: block;
}

body.pw1-product .pw1-scope .purity-link strong {
  margin-bottom: 2px;
  color: var(--ink);
  font-size: 16px;
}

body.pw1-product .pw1-scope .purity-link span:first-child {
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .purity-link > span:last-child {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 800;
}

body.pw1-product .pw1-scope .store-proof {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-width: 0;
  min-height: 92px;
  padding: 12px 14px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: var(--surface);
  color: var(--ink);
  text-decoration: none;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

body.pw1-product .pw1-scope .store-proof > img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

body.pw1-product .pw1-scope .store-proof > span,
body.pw1-product .pw1-scope .store-proof-rating,
body.pw1-product .pw1-scope .store-proof-orders {
  display: block;
}

body.pw1-product .pw1-scope .store-proof-rating {
  display: flex;
  gap: 7px;
  align-items: center;
  margin-bottom: 3px;
}

body.pw1-product .pw1-scope .store-proof-rating > span {
  color: #f5a000;
  font-size: 17px;
  letter-spacing: -0.08em;
  line-height: 1;
}

body.pw1-product .pw1-scope .store-proof-rating b {
  color: var(--ink);
  font-size: 16px;
}

body.pw1-product .pw1-scope .store-proof-orders {
  color: var(--accent-dark);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

body.pw1-product .pw1-scope #benefits,
body.pw1-product .pw1-scope #ingredients,
body.pw1-product .pw1-scope #nutrition,
body.pw1-product .pw1-scope #testing,
body.pw1-product .pw1-scope #experts,
body.pw1-product .pw1-scope #routine,
body.pw1-product .pw1-scope #faq {
  scroll-margin-top: 88px;
}

body.pw1-product .pw1-scope.content-nav {
  position: sticky;
  top: 0;
  z-index: 9;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--surface-soft);
}

body.pw1-product .pw1-scope .content-nav-inner {
  display: flex;
  justify-content: center;
  max-width: var(--content);
  gap: 8px;
  margin: 0 auto;
  overflow-x: auto;
  padding: 12px 24px;
  scrollbar-width: none;
}

body.pw1-product .pw1-scope .content-nav-inner::-webkit-scrollbar {
  display: none;
}

body.pw1-product .pw1-scope.content-nav a {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid var(--line-strong);
  border-radius: var(--button-radius);
  background: var(--surface);
  color: var(--ink);
  font-size: 16px;
  font-weight: 750;
  text-decoration: none;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    transform 140ms var(--ease-out);
}

body.pw1-product .pw1-scope.content-nav a::after {
  color: var(--accent);
  content: "↓";
  font-size: 16px;
  font-weight: 800;
}

body.pw1-product .pw1-scope.content-nav a:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

body.pw1-product .pw1-scope.long-description {
  max-width: var(--content);
  margin: 0 auto;
  padding: 0 24px 60px;
}

body.pw1-product .pw1-scope.long-description h2 {
  margin-bottom: 14px;
  font-size: clamp(34px, 4.5vw, 60px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

body.pw1-product .pw1-scope.long-description h3 {
  letter-spacing: -0.025em;
  line-height: 1.15;
}

body.pw1-product .pw1-scope .description-hero {
  position: relative;
  overflow: hidden;
  min-height: min(720px, 78dvh);
  border-radius: var(--radius);
  background: #093f4a;
}

body.pw1-product .pw1-scope .description-hero::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgb(7 36 42 / 0.78), rgb(7 36 42 / 0.08) 70%),
    linear-gradient(0deg, rgb(7 36 42 / 0.25), transparent 40%);
  content: "";
}

body.pw1-product .pw1-scope .description-hero img {
  width: 100%;
  height: 100%;
  min-height: min(720px, 78dvh);
  object-fit: cover;
  object-position: center;
}

body.pw1-product .pw1-scope .description-hero-copy {
  position: absolute;
  bottom: clamp(30px, 6vw, 72px);
  left: clamp(24px, 6vw, 72px);
  z-index: 1;
  max-width: 630px;
  color: white;
}

body.pw1-product .pw1-scope .description-hero-copy .section-label {
  color: #b8ece7;
}

body.pw1-product .pw1-scope .description-hero-copy h2 {
  max-width: 12ch;
  margin-bottom: 18px;
}

body.pw1-product .pw1-scope .description-hero-copy > p:last-child {
  max-width: 48ch;
  margin-bottom: 0;
  color: #e1efec;
  font-size: 18px;
}

body.pw1-product .pw1-scope .proof-bento,
body.pw1-product .pw1-scope .experts-section,
body.pw1-product .pw1-scope .routine-section,
body.pw1-product .pw1-scope .faq-section {
  padding: 110px 0;
}

body.pw1-product .pw1-scope .proof-intro,
body.pw1-product .pw1-scope .section-heading,
body.pw1-product .pw1-scope .routine-heading,
body.pw1-product .pw1-scope .faq-heading {
  max-width: 780px;
  margin-bottom: 42px;
}

body.pw1-product .pw1-scope .proof-intro p,
body.pw1-product .pw1-scope .section-heading p,
body.pw1-product .pw1-scope .routine-heading p,
body.pw1-product .pw1-scope .faq-heading p {
  max-width: 62ch;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 18px;
}

body.pw1-product .pw1-scope .proof-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  grid-template-rows: 1fr 1fr;
  gap: 14px;
  min-height: 580px;
}

body.pw1-product .pw1-scope .proof-main,
body.pw1-product .pw1-scope .proof-compact,
body.pw1-product .pw1-scope .proof-image {
  overflow: hidden;
  border-radius: var(--radius);
}

body.pw1-product .pw1-scope .proof-main {
  position: relative;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(28px, 5vw, 64px);
  background: var(--accent-dark);
  color: white;
}

body.pw1-product .pw1-scope .clean-label-mark {
  position: absolute;
  top: clamp(24px, 4vw, 44px);
  right: clamp(24px, 4vw, 44px);
  display: grid;
  overflow: hidden;
  width: 118px;
  height: 112px;
  padding: 12px;
  place-items: center;
  border-radius: var(--button-radius);
  background: var(--surface-tint);
}

body.pw1-product .pw1-scope .clean-label-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.pw1-product .pw1-scope .proof-main h3 {
  max-width: 12ch;
  margin: 8px 0 16px;
  font-size: clamp(30px, 4vw, 48px);
}

body.pw1-product .pw1-scope .proof-main p {
  max-width: 46ch;
  color: #cfe4e1;
}

body.pw1-product .pw1-scope .proof-number {
  display: block;
  color: #9fe3dc;
  font-size: clamp(64px, 10vw, 120px);
  font-weight: 800;
  letter-spacing: -0.075em;
  line-height: 0.9;
}

body.pw1-product .pw1-scope .text-button {
  align-self: flex-start;
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1px solid #9fe3dc;
  background: transparent;
  color: white;
  cursor: pointer;
  font-weight: 800;
  white-space: nowrap;
  transition:
    border-color 160ms ease,
    transform 140ms var(--ease-out);
}

body.pw1-product .pw1-scope .proof-compact {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  background: var(--surface-tint);
}

body.pw1-product .pw1-scope .proof-compact .proof-number {
  color: var(--accent-dark);
  font-size: 72px;
}

body.pw1-product .pw1-scope .proof-compact h3 {
  margin: 8px 0 8px;
  font-size: 26px;
}

body.pw1-product .pw1-scope .proof-compact p {
  margin-bottom: 0;
  color: var(--muted);
}

body.pw1-product .pw1-scope .proof-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.pw1-product .pw1-scope .ingredients-section {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--surface-soft);
}

body.pw1-product .pw1-scope .ingredients-image {
  min-height: 720px;
}

body.pw1-product .pw1-scope .ingredients-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.pw1-product .pw1-scope .ingredients-copy {
  align-self: center;
  padding: clamp(36px, 5vw, 72px);
}

body.pw1-product .pw1-scope .ingredients-copy > p {
  color: var(--muted);
}

body.pw1-product .pw1-scope .ingredient-list {
  display: grid;
  gap: 20px;
  margin: 36px 0 30px;
  padding: 0;
  list-style: none;
}

body.pw1-product .pw1-scope .ingredient-list li {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 14px;
  align-items: start;
}

body.pw1-product .pw1-scope .ingredient-list li > span {
  color: var(--accent-dark);
  font-size: 14px;
  font-weight: 800;
}

body.pw1-product .pw1-scope .ingredient-list strong {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
}

body.pw1-product .pw1-scope .ingredient-list p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .allergen-note {
  margin-bottom: 0;
  padding-top: 18px;
  border-top: 1px solid var(--line-strong);
  font-size: 14px;
}

body.pw1-product .pw1-scope .profile-section {
  position: relative;
  overflow: hidden;
  min-height: 740px;
  margin-top: 110px;
  border-radius: var(--radius);
  background: #1f4c41;
}

body.pw1-product .pw1-scope .profile-section::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgb(7 31 27 / 0.85), transparent 68%);
  content: "";
}

body.pw1-product .pw1-scope .profile-section > img {
  width: 100%;
  height: 740px;
  object-fit: cover;
  object-position: center;
}

body.pw1-product .pw1-scope .profile-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  gap: 34px 60px;
  align-items: end;
  padding: clamp(30px, 6vw, 72px);
  color: white;
}

body.pw1-product .pw1-scope .profile-heading h2 {
  max-width: 14ch;
  font-size: clamp(36px, 5vw, 62px);
  font-weight: 800;
}

body.pw1-product .pw1-scope .profile-heading p {
  max-width: 48ch;
  margin-bottom: 0;
  color: #dceae7;
}

body.pw1-product .pw1-scope .profile-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px;
  width: 100%;
  margin: 0 !important;
  background: rgb(255 255 255 / 0.25);
}

body.pw1-product .pw1-scope .profile-stat {
  display: block !important;
  min-width: 0;
  padding: 18px 16px;
  background: rgb(12 42 37 / 0.78);
}

body.pw1-product .pw1-scope .profile-stat span {
  display: block !important;
  margin-bottom: 7px;
  color: #c9ded9;
  font-size: 14px;
}

body.pw1-product .pw1-scope .profile-stat strong {
  display: block !important;
  color: white;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

body.pw1-product .pw1-scope .approved-claim {
  grid-column: 1 / -1;
  max-width: 90ch;
  margin-bottom: 0;
  padding-top: 20px;
  border-top: 1px solid rgb(255 255 255 / 0.3);
  color: #dceae7;
  font-size: 14px;
}

body.pw1-product .pw1-scope .testing-section {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(34px, 6vw, 84px);
  align-items: stretch;
  padding: 110px 0;
}

body.pw1-product .pw1-scope .testing-copy > p:not(.section-label) {
  max-width: 52ch;
  color: var(--muted);
  font-size: 17px;
}

body.pw1-product .pw1-scope .testing-authority {
  display: flex;
  gap: 18px;
  align-items: center;
  margin: 8px 0 26px;
}

body.pw1-product .pw1-scope .testing-authority-logo {
  flex: 0 0 auto;
  width: 76px;
  height: 76px;
  object-fit: contain;
}

body.pw1-product .pw1-scope .testing-authority p {
  max-width: 32ch;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

body.pw1-product .pw1-scope .testing-authority strong,
body.pw1-product .pw1-scope .testing-authority span {
  display: block;
}

body.pw1-product .pw1-scope .testing-authority strong {
  margin-bottom: 3px;
  color: var(--accent-dark);
  font-size: 17px;
}

body.pw1-product .pw1-scope #testing-title {
  font-weight: 800;
}

body.pw1-product .pw1-scope .testing-image {
  align-self: stretch;
  min-height: 100%;
}

body.pw1-product .pw1-scope .testing-image img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

body.pw1-product .pw1-scope .comparison-table-wrap {
  margin: 30px 0 26px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--surface);
}

body.pw1-product .pw1-scope .purity-comparison {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
}

body.pw1-product .pw1-scope .purity-comparison caption {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

body.pw1-product .pw1-scope .purity-comparison th,
body.pw1-product .pw1-scope .purity-comparison td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

body.pw1-product .pw1-scope .purity-comparison thead th {
  background: var(--surface-soft);
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

body.pw1-product .pw1-scope .purity-comparison thead th:nth-child(2) {
  background: var(--surface-tint);
  color: var(--accent-dark);
}

body.pw1-product .pw1-scope .comparison-product-head {
  padding-top: 12px !important;
  text-align: center !important;
  vertical-align: bottom !important;
}

body.pw1-product .pw1-scope .comparison-product-head img {
  width: 100px;
  max-width: 100px;
  height: 100px;
  margin: 0 auto 8px;
  object-fit: contain;
}

body.pw1-product .pw1-scope .comparison-product-head--pw1 img {
  max-width: 100px;
  transform: none;
}

body.pw1-product .pw1-scope .comparison-product-head strong {
  display: block;
  min-height: 35px;
  color: inherit;
  line-height: 1.25;
}

body.pw1-product .pw1-scope .purity-comparison th:first-child {
  width: 34%;
}

body.pw1-product .pw1-scope .purity-comparison th:nth-child(2),
body.pw1-product .pw1-scope .purity-comparison td:nth-child(2) {
  width: 28%;
  background: rgb(228 243 240 / 0.45);
}

body.pw1-product .pw1-scope .purity-comparison tbody th {
  color: var(--ink);
  font-weight: 700;
}

body.pw1-product .pw1-scope .purity-comparison td {
  color: var(--muted);
}

body.pw1-product .pw1-scope .purity-comparison td strong {
  color: var(--accent-dark);
}

body.pw1-product .pw1-scope .purity-comparison small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

body.pw1-product .pw1-scope .purity-comparison tbody tr:last-child th,
body.pw1-product .pw1-scope .purity-comparison tbody tr:last-child td {
  border-bottom: 0;
}

body.pw1-product .pw1-scope .comparison-vanilla th,
body.pw1-product .pw1-scope .comparison-vanilla td {
  padding-top: 16px;
  padding-bottom: 16px;
}

body.pw1-product .pw1-scope .pass-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin: 32px 0;
  background: var(--line);
}

body.pw1-product .pw1-scope .pass-grid > div {
  padding: 18px 14px;
  background: var(--surface-soft);
}

body.pw1-product .pw1-scope .pass-grid span,
body.pw1-product .pw1-scope .pass-grid strong {
  display: block;
}

body.pw1-product .pw1-scope .pass-grid span {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .pass-grid strong {
  color: var(--accent-dark);
  font-size: 17px;
}

body.pw1-product .pw1-scope .testing-lab-note {
  margin: -10px 0 24px;
  font-size: 14px !important;
}

body.pw1-product .pw1-scope .primary-secondary,
body.pw1-product .pw1-scope .primary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid var(--accent-dark);
  border-radius: var(--button-radius);
  background: var(--surface);
  color: var(--accent-dark);
  cursor: pointer;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    transform 140ms var(--ease-out);
}

body.pw1-product .pw1-scope .testing-image {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: var(--radius);
}

body.pw1-product .pw1-scope .testing-image figcaption {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  padding: 18px 20px;
  border: 1px solid rgb(255 255 255 / 0.72);
  border-radius: var(--button-radius);
  background: rgb(255 255 255 / 0.92);
  color: var(--ink);
  backdrop-filter: blur(10px);
}

body.pw1-product .pw1-scope .testing-image figcaption strong,
body.pw1-product .pw1-scope .testing-image figcaption span {
  display: block;
}

body.pw1-product .pw1-scope .testing-image figcaption strong {
  margin-bottom: 4px;
  color: var(--accent-dark);
  font-size: 17px;
}

body.pw1-product .pw1-scope .testing-image figcaption span {
  font-size: 14px;
  line-height: 1.45;
}

body.pw1-product .pw1-scope .testing-image img {
  width: 100%;
  min-height: 560px;
  object-fit: cover;
}

body.pw1-product .pw1-scope .experts-section {
  border-top: 1px solid var(--line);
}

body.pw1-product .pw1-scope .experts-rail {
  display: grid;
  grid-auto-columns: minmax(310px, 31%);
  grid-auto-flow: column;
  gap: 14px;
  padding: 2px 2px 16px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 2px;
  scroll-snap-type: inline mandatory;
  scrollbar-color: var(--accent) var(--surface-soft);
  scrollbar-width: thin;
}

body.pw1-product .pw1-scope .experts-rail:focus-visible {
  outline: 3px solid rgb(0 100 96 / 0.22);
  outline-offset: 5px;
}

body.pw1-product .pw1-scope .expert-card {
  display: flex;
  min-height: 570px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  scroll-snap-align: start;
}

body.pw1-product .pw1-scope .expert-card__photo {
  width: 100%;
  height: 260px;
  flex: 0 0 auto;
  object-fit: cover;
  object-position: center;
  background: var(--surface-soft);
}

body.pw1-product .pw1-scope .expert-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
}

body.pw1-product .pw1-scope .expert-context {
  margin-bottom: 18px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body.pw1-product .pw1-scope .expert-card blockquote {
  margin: 0 0 28px;
  color: var(--ink);
  font-size: 18px;
  font-weight: 650;
  line-height: 1.5;
}

body.pw1-product .pw1-scope .expert-card__person {
  margin-top: auto;
}

body.pw1-product .pw1-scope .expert-card__person h3 {
  margin-bottom: 4px;
  font-size: 18px;
}

body.pw1-product .pw1-scope .expert-card__person p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

body.pw1-product .pw1-scope .expert-card__body > a {
  margin-top: 18px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 750;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

body.pw1-product .pw1-scope .expert-card__body > a:hover {
  text-decoration-thickness: 2px;
}

body.pw1-product .pw1-scope .routine-section {
  border-top: 1px solid var(--line);
}

body.pw1-product .pw1-scope .routine-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: auto auto;
  gap: 14px;
}

body.pw1-product .pw1-scope .routine-grid figure {
  margin: 0;
}

body.pw1-product .pw1-scope .routine-large,
body.pw1-product .pw1-scope .routine-small {
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--surface-soft);
}

body.pw1-product .pw1-scope .routine-large {
  grid-row: 1 / 3;
}

body.pw1-product .pw1-scope .routine-large img,
body.pw1-product .pw1-scope .routine-small img {
  width: 100%;
  object-fit: cover;
}

body.pw1-product .pw1-scope .routine-large img {
  height: 690px;
}

body.pw1-product .pw1-scope .routine-small img {
  height: 360px;
}

body.pw1-product .pw1-scope .routine-grid figcaption {
  display: grid;
  gap: 3px;
  padding: 18px 20px;
}

body.pw1-product .pw1-scope .routine-grid figcaption span {
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .mixing-note {
  padding: 28px;
  border-radius: var(--radius);
  background: var(--surface-tint);
}

body.pw1-product .pw1-scope .mixing-note h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

body.pw1-product .pw1-scope .mixing-note p {
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .mixing-note ol {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding-left: 20px;
  font-size: 14px;
}

body.pw1-product .pw1-scope .faq-section {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: clamp(40px, 8vw, 100px);
  border-top: 1px solid var(--line);
}

body.pw1-product .pw1-scope .faq-heading {
  margin-bottom: 0;
}

body.pw1-product .pw1-scope .faq-heading h2 {
  max-width: 10ch;
}

body.pw1-product .pw1-scope .faq-awards {
  margin-top: 32px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface-soft);
}

body.pw1-product .pw1-scope .faq-awards > p {
  margin-bottom: 14px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.pw1-product .pw1-scope .faq-awards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: center;
}

body.pw1-product .pw1-scope .faq-awards-grid img {
  width: 100%;
  max-height: 72px;
  object-fit: contain;
}

body.pw1-product .pw1-scope .faq-list {
  border-top: 1px solid var(--line);
}

body.pw1-product .pw1-scope .faq-list details {
  border-bottom: 1px solid var(--line);
}

body.pw1-product .pw1-scope .faq-list summary {
  position: relative;
  padding: 22px 42px 22px 0;
  cursor: pointer;
  font-weight: 750;
  list-style: none;
}

body.pw1-product .pw1-scope .faq-list summary::-webkit-details-marker {
  display: none;
}

body.pw1-product .pw1-scope .faq-list summary::after {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 18px;
  height: 18px;
  color: var(--accent-dark);
  content: "+";
  font-size: 22px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  transform: translateY(-50%);
}

body.pw1-product .pw1-scope .faq-list details[open] summary::after {
  content: "-";
}

body.pw1-product .pw1-scope .faq-list details p {
  max-width: 64ch;
  margin: -4px 0 22px;
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .final-cta {
  display: flex;
  min-height: clamp(560px, 48vw, 660px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 26px;
  padding: clamp(30px, 6vw, 64px);
  border-radius: var(--radius);
  background-color: var(--accent-dark);
  background-image:
    linear-gradient(
      90deg,
      rgb(0 57 54 / 0.94) 0%,
      rgb(0 57 54 / 0.82) 34%,
      rgb(0 57 54 / 0.4) 58%,
      rgb(0 57 54 / 0.08) 100%
    ),
    url("/user/documents/upload/pw1/assets/final-frida.jpg");
  background-position:
    center,
    right center;
  background-repeat: no-repeat;
  background-size:
    100% 100%,
    auto 100%;
  color: white;
}

body.pw1-product .pw1-scope .final-cta__copy {
  max-width: 680px;
}

body.pw1-product .pw1-scope .final-cta h2 {
  max-width: 16ch;
  margin-bottom: 12px;
  font-size: clamp(32px, 4vw, 52px);
}

body.pw1-product .pw1-scope .final-cta p {
  margin-bottom: 0;
  color: #cfe4e1;
}

body.pw1-product .pw1-scope .final-cta .primary-link {
  border-color: white;
  background: white;
  color: var(--accent-dark);
}

body.pw1-product .pw1-scope .source-note {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 26px 4px 0;
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .source-note p {
  max-width: 84ch;
  margin-bottom: 0;
}

body.pw1-product .pw1-scope .source-note a {
  color: var(--accent-dark);
  font-weight: 800;
  white-space: nowrap;
}

body.pw1-product .pw1-scope.passport-dialog {
  width: min(700px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
  box-shadow: var(--shadow);
}

body.pw1-product .pw1-scope.passport-dialog::backdrop {
  background: rgb(9 29 27 / 0.58);
  backdrop-filter: blur(4px);
}

body.pw1-product .pw1-scope.passport-dialog[open] {
  animation: dialog-enter 220ms var(--ease-out);
}

body.pw1-product .pw1-scope .dialog-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--line);
}

body.pw1-product .pw1-scope .dialog-brand {
  display: flex;
  gap: 16px;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
}

body.pw1-product .pw1-scope .dialog-brand > .clean-label-mark {
  position: static;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  padding: 8px;
}

body.pw1-product .pw1-scope .dialog-brand > div {
  min-width: 0;
}

body.pw1-product .pw1-scope .dialog-brand .section-label {
  margin-bottom: 5px;
}

body.pw1-product .pw1-scope .dialog-header h2 {
  margin-bottom: 0;
  font-size: 28px;
  letter-spacing: -0.035em;
}

body.pw1-product .pw1-scope .dialog-close {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 8px 10px;
  border: 1px solid var(--line-strong);
  border-radius: 4.5px;
  background: var(--surface);
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  transition:
    background-color 140ms ease,
    transform 120ms var(--ease-out);
}

body.pw1-product .pw1-scope .passport-body {
  padding: 26px;
}

body.pw1-product .pw1-scope .passport-body > p {
  color: var(--muted);
}

body.pw1-product .pw1-scope .batch-number {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: baseline;
  margin-bottom: 22px;
  padding: 18px;
  border-radius: 6px;
  background: var(--surface-tint);
}

body.pw1-product .pw1-scope .batch-number span {
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .batch-number strong {
  color: var(--accent-dark);
  font-size: 24px;
}

body.pw1-product .pw1-scope .passport-results {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin: 24px 0;
}

body.pw1-product .pw1-scope .passport-results > div {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
}

body.pw1-product .pw1-scope .passport-results span,
body.pw1-product .pw1-scope .passport-results strong {
  display: block;
}

body.pw1-product .pw1-scope .passport-results span {
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .passport-results strong {
  margin-top: 4px;
  color: var(--success);
}

body.pw1-product .pw1-scope .passport-results > div:last-child {
  grid-column: 1 / -1;
}

body.pw1-product .pw1-scope .passport-measurements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 18px;
}

body.pw1-product .pw1-scope .passport-measurements > div {
  padding: 16px;
  border-radius: 6px;
  background: var(--surface-tint);
}

body.pw1-product .pw1-scope .passport-measurements span,
body.pw1-product .pw1-scope .passport-measurements strong,
body.pw1-product .pw1-scope .passport-measurements small {
  display: block;
}

body.pw1-product .pw1-scope .passport-measurements span {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .passport-measurements strong {
  color: var(--ink);
  font-size: 17px;
}

body.pw1-product .pw1-scope .passport-measurements small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 14px;
}

body.pw1-product .pw1-scope .passport-disclosure {
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 1.55;
}

@keyframes dialog-enter {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (hover: hover) and (pointer: fine) {
  body.pw1-product .pw1-scope .audience-tags a:hover,
body.pw1-product .pw1-scope .audience-tags a:focus-visible {
    border-color: var(--accent);
    background: var(--surface-tint);
  }

  body.pw1-product .pw1-scope.content-nav a:hover {
    border-color: var(--accent);
    background: var(--surface-tint);
    color: var(--accent-dark);
    transform: translateY(-1px);
  }

  body.pw1-product .pw1-scope .quick-facts > a:hover {
    background: var(--surface-tint);
    transform: translateY(-1px);
  }

  body.pw1-product .pw1-scope .purity-link:hover {
    border-color: var(--accent);
  }

  body.pw1-product .pw1-scope .purity-link:hover {
    background: var(--surface-tint);
  }

  body.pw1-product .pw1-scope .store-proof:hover {
    border-color: var(--accent);
    background: var(--surface-soft);
  }

  body.pw1-product .pw1-scope .primary-secondary:hover,
body.pw1-product .pw1-scope .primary-link:hover {
    background: var(--accent-dark);
    color: white;
  }

  body.pw1-product .pw1-scope .final-cta .primary-link:hover {
    background: #dff1ee;
    color: var(--accent-dark);
  }
}

@media (max-width: 1024px) {

  body.pw1-product .pw1-scope .profile-panel {
    grid-template-columns: 1fr;
  }

  body.pw1-product .pw1-scope .testing-section {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
}

@media (max-width: 820px) {

  body.pw1-product .pw1-scope .content-nav-inner {
    justify-content: flex-start;
  }

  body.pw1-product .pw1-scope .description-hero,
body.pw1-product .pw1-scope .description-hero img {
    min-height: 620px;
  }

  body.pw1-product .pw1-scope .description-hero img {
    object-position: 62% center;
  }

  body.pw1-product .pw1-scope .proof-bento,
body.pw1-product .pw1-scope .experts-section,
body.pw1-product .pw1-scope .routine-section,
body.pw1-product .pw1-scope .faq-section {
    padding: 80px 0;
  }

  body.pw1-product .pw1-scope .proof-grid,
body.pw1-product .pw1-scope .ingredients-section,
body.pw1-product .pw1-scope .testing-section,
body.pw1-product .pw1-scope .routine-grid,
body.pw1-product .pw1-scope .faq-section {
    grid-template-columns: 1fr;
  }

  body.pw1-product .pw1-scope .comparison-table-wrap {
    max-width: 680px;
  }

  body.pw1-product .pw1-scope .proof-grid {
    grid-template-rows: auto;
    min-height: 0;
  }

  body.pw1-product .pw1-scope .proof-main,
body.pw1-product .pw1-scope .routine-large {
    grid-row: auto;
  }

  body.pw1-product .pw1-scope .proof-main {
    min-height: 520px;
  }

  body.pw1-product .pw1-scope .proof-image {
    min-height: 360px;
  }

  body.pw1-product .pw1-scope .ingredients-image {
    min-height: 520px;
  }

  body.pw1-product .pw1-scope .ingredients-copy {
    padding: 42px 28px;
  }

  body.pw1-product .pw1-scope .profile-section {
    min-height: 760px;
    margin-top: 80px;
  }

  body.pw1-product .pw1-scope .profile-section > img {
    height: 760px;
  }

  body.pw1-product .pw1-scope .testing-copy {
    order: 2;
  }

  body.pw1-product .pw1-scope .testing-image {
    order: 1;
  }

  body.pw1-product .pw1-scope .experts-rail {
    grid-auto-columns: minmax(300px, 46%);
  }

  body.pw1-product .pw1-scope .routine-large img {
    height: 560px;
  }

  body.pw1-product .pw1-scope .faq-section {
    gap: 36px;
  }

  body.pw1-product .pw1-scope .faq-heading h2 {
    max-width: 14ch;
  }
}

@media (max-width: 560px) {
  body.pw1-product .pw1-scope.long-description {
    padding-right: 16px;
    padding-left: 16px;
  }

  body.pw1-product .pw1-scope .content-nav-inner {
    padding-right: 16px;
    padding-left: 16px;
  }

  body.pw1-product .pw1-scope .text-button {
    white-space: normal;
  }

  body.pw1-product .pw1-scope .short-proof-grid {
    grid-template-columns: 1fr;
  }

  body.pw1-product .pw1-scope .quick-facts strong {
    font-size: 21px;
  }

  body.pw1-product .pw1-scope.long-description {
    padding-bottom: 40px;
  }

  body.pw1-product .pw1-scope .description-hero {
    min-height: 560px;
  }

  body.pw1-product .pw1-scope .description-hero img {
    min-height: 560px;
    object-position: 66% center;
  }

  body.pw1-product .pw1-scope .description-hero-copy {
    right: 22px;
    bottom: 30px;
    left: 22px;
  }

  body.pw1-product .pw1-scope .description-hero-copy h2,
body.pw1-product .pw1-scope.long-description h2 {
    font-size: 38px;
  }

  body.pw1-product .pw1-scope .description-hero-copy > p:last-child,
body.pw1-product .pw1-scope .proof-intro p,
body.pw1-product .pw1-scope .section-heading p,
body.pw1-product .pw1-scope .routine-heading p,
body.pw1-product .pw1-scope .faq-heading p {
    font-size: 15px;
  }

  body.pw1-product .pw1-scope .proof-bento,
body.pw1-product .pw1-scope .experts-section,
body.pw1-product .pw1-scope .routine-section,
body.pw1-product .pw1-scope .faq-section {
    padding: 64px 0;
  }

  body.pw1-product .pw1-scope .proof-main {
    min-height: 460px;
  }

  body.pw1-product .pw1-scope .proof-compact,
body.pw1-product .pw1-scope .mixing-note {
    padding: 22px;
  }

  body.pw1-product .pw1-scope .ingredients-image {
    min-height: 380px;
  }

  body.pw1-product .pw1-scope .profile-section,
body.pw1-product .pw1-scope .profile-section > img {
    min-height: 720px;
    height: 720px;
  }

  body.pw1-product .pw1-scope .profile-section > img {
    object-position: 62% center;
  }

  body.pw1-product .pw1-scope .profile-panel {
    gap: 24px;
    padding: 24px;
  }

  body.pw1-product .pw1-scope .profile-heading h2 {
    font-size: 38px;
  }

  body.pw1-product .pw1-scope .profile-stat strong {
    font-size: 25px;
  }

  body.pw1-product .pw1-scope .testing-section {
    padding: 74px 0;
  }

  body.pw1-product .pw1-scope .testing-image img {
    min-height: 360px;
  }

  body.pw1-product .pw1-scope .pass-grid,
body.pw1-product .pw1-scope .passport-measurements {
    grid-template-columns: 1fr;
  }

  body.pw1-product .pw1-scope .testing-image figcaption {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  body.pw1-product .pw1-scope .purity-comparison thead {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }

  body.pw1-product .pw1-scope .purity-comparison,
body.pw1-product .pw1-scope .purity-comparison tbody,
body.pw1-product .pw1-scope .purity-comparison tr,
body.pw1-product .pw1-scope .purity-comparison th,
body.pw1-product .pw1-scope .purity-comparison td {
    display: block;
    width: 100%;
  }

  body.pw1-product .pw1-scope .purity-comparison tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--line);
  }

  body.pw1-product .pw1-scope .purity-comparison th:first-child {
    grid-column: 1 / -1;
    width: 100%;
    padding-bottom: 9px;
    border-bottom: 0;
    background: var(--surface-soft);
  }

  body.pw1-product .pw1-scope .purity-comparison th:nth-child(2),
body.pw1-product .pw1-scope .purity-comparison td:nth-child(2) {
    width: 100%;
  }

  body.pw1-product .pw1-scope .purity-comparison td {
    border-bottom: 0;
  }

  body.pw1-product .pw1-scope .purity-comparison td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--muted);
    content: attr(data-label);
    font-size: 14px;
    font-weight: 700;
  }

  body.pw1-product .pw1-scope .purity-comparison tbody tr:last-child {
    border-bottom: 0;
  }

  body.pw1-product .pw1-scope .purity-comparison thead {
    position: static;
    display: block;
    overflow: visible;
    width: auto;
    height: auto;
    clip: auto;
    clip-path: none;
  }

  body.pw1-product .pw1-scope .purity-comparison thead tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.pw1-product .pw1-scope .purity-comparison thead th:first-child {
    display: none;
  }

  body.pw1-product .pw1-scope .purity-comparison thead .comparison-product-head {
    display: block;
    width: 100% !important;
    padding: 12px 8px !important;
  }

  body.pw1-product .pw1-scope .dialog-brand {
    align-items: flex-start;
    gap: 12px;
  }

  body.pw1-product .pw1-scope .dialog-brand > .clean-label-mark {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
    padding: 6px;
  }

  body.pw1-product .pw1-scope .experts-rail {
    grid-auto-columns: minmax(280px, 86vw);
    margin-right: calc(var(--page-gutter) * -1);
    padding-right: var(--page-gutter);
  }

  body.pw1-product .pw1-scope .expert-card {
    min-height: 550px;
  }

  body.pw1-product .pw1-scope .expert-card__photo {
    height: 245px;
  }

  body.pw1-product .pw1-scope .expert-card__body {
    padding: 22px;
  }

  body.pw1-product .pw1-scope .routine-large img {
    height: 460px;
  }

  body.pw1-product .pw1-scope .routine-small img {
    height: 340px;
  }

  body.pw1-product .pw1-scope .final-cta {
    min-height: 590px;
    padding: 28px;
    background-image:
      linear-gradient(
        0deg,
        rgb(0 57 54 / 0.98) 0%,
        rgb(0 57 54 / 0.9) 42%,
        rgb(0 57 54 / 0.38) 72%,
        rgb(0 57 54 / 0.12) 100%
      ),
      url("/user/documents/upload/pw1/assets/final-frida.jpg");
    background-position:
      center,
      76% center;
  }

  body.pw1-product .pw1-scope .final-cta .primary-link {
    width: 100%;
  }

  body.pw1-product .pw1-scope .source-note {
    display: grid;
  }

  body.pw1-product .pw1-scope .source-note a {
    white-space: normal;
  }

  body.pw1-product .pw1-scope .dialog-header,
body.pw1-product .pw1-scope .passport-body {
    padding: 20px;
  }

  body.pw1-product .pw1-scope .batch-number {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pw1-product .pw1-scope {
    scroll-behavior: auto;
  }

  body.pw1-product .pw1-scope,
body.pw1-product .pw1-scope *,
body.pw1-product .pw1-scope *::before,
body.pw1-product .pw1-scope *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* PW1 video section: the media itself is loaded only after a click. */
body.pw1-product .pw1-scope .video-section {
  padding: 84px 0;
  border-top: 1px solid var(--line);
}

body.pw1-product .pw1-scope .video-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.pw1-product .pw1-scope .video-grid:focus-visible {
  outline: 3px solid rgb(0 100 96 / 0.22);
  outline-offset: 5px;
}

body.pw1-product .pw1-scope .video-card {
  position: relative;
  display: block;
  aspect-ratio: 9 / 16;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: #081a18;
  color: #f7fbfa;
  cursor: pointer;
  text-align: left;
  scroll-snap-align: start;
}

body.pw1-product .pw1-scope .video-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgb(3 25 23 / 0.04) 24%,
    rgb(3 25 23 / 0.24) 54%,
    rgb(3 25 23 / 0.92) 100%
  );
  content: "";
  pointer-events: none;
}

body.pw1-product .pw1-scope .video-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms var(--ease-out);
}

body.pw1-product .pw1-scope .video-card .play-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 0.68);
  border-radius: 50%;
  background: rgb(0 74 70 / 0.74);
  color: #f7fbfa;
  font-size: 17px;
  line-height: 1;
}

body.pw1-product .pw1-scope .video-card .video-copy {
  position: absolute;
  right: 20px;
  bottom: 22px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.pw1-product .pw1-scope .video-card .video-copy strong {
  color: #f7fbfa;
  font-size: clamp(19px, 1.75vw, 23px);
  line-height: 1.18;
}

body.pw1-product .pw1-scope .video-card .video-copy small {
  color: rgb(247 251 250 / 0.8);
  font-size: 14px;
  line-height: 1.4;
}

body.pw1-product .pw1-scope .video-card:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}

body.pw1-product .pw1-scope .video-dialog {
  width: min(92vw, 560px);
  max-height: 92dvh;
  margin: auto;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: #081a18;
  color: #f7fbfa;
  box-shadow: 0 28px 90px rgb(0 0 0 / 0.34);
}

body.pw1-product .pw1-scope .video-dialog::backdrop {
  background: rgb(4 16 15 / 0.78);
}

body.pw1-product .pw1-scope .video-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
}

body.pw1-product .pw1-scope .video-dialog-header strong {
  color: #f7fbfa;
  font-size: 16px;
  line-height: 1.3;
}

body.pw1-product .pw1-scope .video-dialog-header button {
  min-height: 40px;
  flex: 0 0 auto;
  padding: 0 13px;
  border: 1px solid rgb(255 255 255 / 0.4);
  border-radius: var(--button-radius);
  background: transparent;
  color: #f7fbfa;
  cursor: pointer;
}

body.pw1-product .pw1-scope .video-dialog video {
  display: block;
  width: 100%;
  max-height: calc(92dvh - 68px);
  background: #081a18;
}

html.pw1-video-open,
body.pw1-video-open {
  overflow: hidden !important;
}

@media (hover: hover) and (pointer: fine) {
  body.pw1-product .pw1-scope .video-card:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 820px) {
  body.pw1-product .pw1-scope .video-section {
    padding: 80px 0;
  }

  body.pw1-product .pw1-scope .video-grid {
    grid-auto-columns: minmax(250px, 82vw);
    grid-template-columns: none;
    grid-auto-flow: column;
    gap: 12px;
    margin-right: -16px;
    padding: 2px 16px 12px 2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
    scrollbar-color: var(--accent) var(--surface-soft);
    scrollbar-width: thin;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pw1-product .pw1-scope .video-card img {
    transition: none;
  }
}


/* Shoptet integration for productId 134. */
body.pw1-product {
  --pw1-ink: #172523;
  --pw1-muted: #60716e;
  --pw1-line: #dce7e4;
  --pw1-line-strong: #b9cfca;
  --pw1-surface: #ffffff;
  --pw1-surface-soft: #f3f8f7;
  --pw1-surface-tint: #e4f3f0;
  --pw1-accent: #006460;
  --pw1-promo: #b6402f;
  --pw1-promo-dark: #842d22;
  --pw1-promo-soft: #fff2ef;
  --pw1-positive: #16874b;
}

body.pw1-product .p-short-description .vice-info {
  display: none;
}

body.pw1-product.pw1-no-ratings .p-detail-info {
  display: none !important;
}

body.pw1-product .social-buttons-wrapper {
  display: none !important;
}

body.pw1-product #pw1-short {
  margin: 22px 0 4px;
  color: var(--pw1-ink);
}

body.pw1-product #pw1-short,
body.pw1-product #pw1-long,
body.pw1-product .pw1-content-nav,
body.pw1-product #pw1-passport {
  font-family: inherit !important;
}

body.pw1-product .pw1-scope a {
  text-decoration: none !important;
}

body.pw1-product #pw1-short .positioning {
  max-width: 52ch;
  margin-bottom: 18px;
  color: var(--pw1-muted);
  font-size: 16px;
  line-height: 1.55;
}

body.pw1-product .pw1-benefit-banner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--pw1-line);
  border-bottom: 1px solid var(--pw1-line);
  background: transparent !important;
}

body.pw1-product .pw1-benefit-banner .benefitBanner__item {
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.pw1-product
  .pw1-benefit-banner
  .benefitBanner__item:nth-child(even) {
  border-left: 1px solid var(--pw1-line) !important;
}

body.pw1-product
  .pw1-benefit-banner
  .benefitBanner__item:nth-child(n + 3) {
  border-top: 1px solid var(--pw1-line) !important;
}

body.pw1-product .pw1-benefit-banner .benefitBanner__link {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 94px;
  padding: 16px 14px !important;
  color: var(--pw1-ink) !important;
  text-decoration: none !important;
}

body.pw1-product
  .pw1-benefit-banner
  .benefitBanner__item:nth-child(4)
  .benefitBanner__picture {
  display: none !important;
}

body.pw1-product
  .pw1-benefit-banner
  .benefitBanner__item:nth-child(4)
  .benefitBanner__link {
  grid-template-columns: 1fr;
}

body.pw1-product .pw1-benefit-banner .benefitBanner__picture {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  background-size: contain !important;
}

body.pw1-product .pw1-benefit-banner .benefitBanner__content {
  min-width: 0;
}

body.pw1-product .pw1-benefit-banner .benefitBanner__title {
  display: block;
  color: var(--pw1-ink);
  font-size: 15px;
  line-height: 1.25;
}

body.pw1-product .pw1-benefit-banner .benefitBanner__data {
  margin-top: 4px;
  color: var(--pw1-muted);
  font-size: 14px;
  line-height: 1.35;
}

body.pw1-product .p-detail > .pw1-content-nav {
  box-sizing: border-box;
  width: 100%;
  margin: 34px 0 18px;
  border-right: 1px solid var(--pw1-line);
  border-left: 1px solid var(--pw1-line);
}

body.pw1-product .pw1-content-nav .content-nav-inner {
  justify-content: center;
}

body.pw1-product .pw1-content-nav a.is-active {
  border-color: var(--pw1-accent);
  background: var(--pw1-surface-tint);
  color: var(--pw1-accent);
}

body.pw1-product .p-detail-tabs-wrapper .shp-tabs-row {
  display: none !important;
}

body.pw1-product
  #description
  > .description-inner
  > h3:first-child {
  display: none;
}

body.pw1-product #description .description-inner {
  max-width: none;
  padding-top: 0;
}

body.pw1-product .quantity-discounts__item {
  box-sizing: border-box;
}

body.pw1-product #product-detail-form .quantity-discounts__headline {
  color: var(--pw1-ink);
  font-size: 18px;
  font-weight: 800;
}

body.pw1-product #product-detail-form .quantity-discounts {
  scroll-margin-top: 86px;
}

body.pw1-product #product-detail-form .price-final-holder {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

body.pw1-product #product-detail-form .pw1-main-price-old {
  color: var(--pw1-promo);
  font-size: 0.62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}

body.pw1-product #product-detail-form .pw1-main-price-current {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

body.pw1-product .pw1-quantity-table {
  display: grid !important;
  gap: 14px;
}

body.pw1-product
  .pw1-quantity-table
  .quantity-discounts__item {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 84px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--pw1-line-strong) !important;
  border-radius: 6px;
  background: var(--pw1-surface) !important;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.pw1-product
  .pw1-standard-option.quantity-discounts__item--highlighted {
  border-color: var(--pw1-accent) !important;
  background: var(--pw1-surface-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / 0.1);
}

body.pw1-product .quantity-discounts__item.pw1-promo-option {
  border-color: var(--pw1-line-strong) !important;
  background: var(--pw1-surface) !important;
  box-shadow: none;
}

body.pw1-product
  .quantity-discounts__item.pw1-promo-option.quantity-discounts__item--highlighted {
  border-color: var(--pw1-promo) !important;
  background: var(--pw1-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(150 54 38 / 0.12);
}

body.pw1-product .pw1-promo-option:focus-visible {
  outline: 3px solid var(--pw1-promo-dark);
  outline-offset: 2px;
}

body.pw1-product .pw1-promo-option:active {
  transform: scale(0.99);
}

body.pw1-product .pw1-promo-meta {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.pw1-product .pw1-promo-urgency {
  grid-column: 1 / -1;
  color: var(--pw1-promo-dark);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

body.pw1-product .pw1-promo-badge {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--pw1-promo);
  color: #fffafa;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: none;
}

body.pw1-product
  .pw1-quantity-table
  .quantity-discounts__title {
  min-width: 0;
  color: var(--pw1-ink);
}

body.pw1-product
  .pw1-quantity-table
  .quantity-discounts__price-wrapper {
  color: var(--pw1-ink);
  font-size: 0;
  text-align: right;
}

body.pw1-product .pw1-option-copy strong,
body.pw1-product .pw1-option-copy small,
body.pw1-product .pw1-option-total,
body.pw1-product .pw1-option-unit {
  display: block;
}

body.pw1-product .pw1-option-copy strong {
  color: var(--pw1-ink);
  font-size: 16px;
  font-weight: 800;
}

body.pw1-product .pw1-option-copy small {
  margin-top: 3px;
  color: var(--pw1-muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

body.pw1-product .pw1-option-total {
  color: var(--pw1-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

body.pw1-product .pw1-option-unit {
  margin-top: 3px;
  color: var(--pw1-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

body.pw1-product .pw1-option-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--pw1-line);
  color: var(--pw1-positive);
  font-size: 14px;
  line-height: 1.35;
}

body.pw1-product .quantity-discounts__save {
  display: none !important;
}

body.pw1-product #description-title,
body.pw1-product #profile-title,
body.pw1-product #final-title {
  color: #ffffff !important;
}

body.pw1-product #description-title,
body.pw1-product #ingredients-title,
body.pw1-product #profile-title,
body.pw1-product #testing-title,
body.pw1-product #experts-title {
  font-weight: 800 !important;
}

body.pw1-product #pw1-long .proof-main h3 {
  color: #f4fbf9 !important;
}

body.pw1-product
  #pw1-long
  .proof-main
  > .clean-label-mark {
  display: grid !important;
  overflow: hidden !important;
  width: 118px !important;
  height: 112px !important;
  padding: 12px !important;
  place-items: center !important;
}

body.pw1-product
  #pw1-long
  .proof-main
  > .clean-label-mark
  > img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: contain !important;
  transform: none !important;
}

body.pw1-product #pw1-long .profile-panel {
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  align-items: end;
}

body.pw1-product
  #pw1-long
  #nutrition
  > .profile-panel
  > .profile-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  margin: 0 !important;
}

body.pw1-product
  #pw1-long
  #nutrition
  > .profile-panel
  > .profile-stats
  > .profile-stat {
  display: block !important;
  grid-column: auto !important;
  min-width: 0;
  width: auto !important;
}

body.pw1-product
  #pw1-long
  #nutrition
  > .profile-panel
  > .profile-stats
  > .profile-stat
  > span,
body.pw1-product
  #pw1-long
  #nutrition
  > .profile-panel
  > .profile-stats
  > .profile-stat
  > strong {
  display: block !important;
  float: none !important;
  width: auto !important;
}

body.pw1-product
  #pw1-long
  #nutrition
  > .profile-panel
  > .profile-stats
  > .profile-stat
  > strong {
  margin: 0 !important;
}

body.pw1-product #pw1-long .testing-section {
  align-items: stretch !important;
}

body.pw1-product #pw1-long .testing-image {
  align-self: stretch;
  min-height: 0 !important;
  height: auto !important;
}

body.pw1-product #pw1-long .testing-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover;
}

body.pw1-product #pw1-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;
}

body.pw1-product #pw1-video-dialog video {
  display: block;
  width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;
}

body.pw1-product.pw1-video-open {
  overflow: hidden;
}

@media (min-width: 821px) {
  body.pw1-product #pw1-long .proof-bento,
  body.pw1-product #pw1-long .experts-section,
  body.pw1-product #pw1-long .routine-section,
  body.pw1-product #pw1-long .faq-section,
  body.pw1-product #pw1-long .video-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  body.pw1-product #pw1-long .profile-section {
    margin-top: 42px;
  }

  body.pw1-product #pw1-long .testing-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}

@media (max-width: 820px) {
  body.pw1-product #pw1-long .proof-bento,
  body.pw1-product #pw1-long .experts-section,
  body.pw1-product #pw1-long .routine-section,
  body.pw1-product #pw1-long .faq-section,
  body.pw1-product #pw1-long .video-section,
  body.pw1-product #pw1-long .testing-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.pw1-product #pw1-long .profile-section {
    margin-top: 40px;
  }
}

@media (hover: hover) and (pointer: fine) {
  body.pw1-product .pw1-benefit-banner .benefitBanner__link:hover {
    background: var(--pw1-surface-soft) !important;
  }

  body.pw1-product .quantity-discounts__item.pw1-promo-option:hover {
    border-color: var(--pw1-line-strong) !important;
    background: var(--pw1-surface-soft) !important;
  }

  body.pw1-product
    .quantity-discounts__item.pw1-promo-option.quantity-discounts__item--highlighted:hover {
    border-color: var(--pw1-promo) !important;
    background: var(--pw1-promo-soft) !important;
  }
}

@media (max-width: 767px) {
  body.pw1-product .pw1-benefit-banner {
    display: none !important;
  }

  body.pw1-product #product-detail-form .quantity-discounts {
    scroll-margin-top: 86px;
  }

  body.pw1-product .pw1-content-nav .content-nav-inner {
    justify-content: flex-start;
  }

  body.pw1-product .pw1-promo-option {
    grid-template-columns: 1fr;
  }

  body.pw1-product
    .pw1-quantity-table
    .quantity-discounts__price-wrapper {
    text-align: left;
  }

  body.pw1-product #pw1-long .profile-panel {
    grid-template-columns: 1fr;
  }

  body.pw1-product #pw1-long .testing-image {
    min-height: 430px !important;
  }

  body.pw1-product #pw1-long .testing-image img {
    height: 430px !important;
    min-height: 430px !important;
  }
}

@media (max-width: 991px) {
  body.pw1-product .pw1-content-nav {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pw1-product .quantity-discounts__item.pw1-promo-option,
  body.pw1-product .pw1-benefit-banner .benefitBanner__link {
    transition-duration: 0.01ms !important;
  }
}



/* creatine-plus.css */
/* Puori Creatine+ export, isolated to productId 87. */
:is(html, body).creatine-product .creatine-scope {
  color-scheme: light;
  --creatine-accent: #006460;
  --creatine-accent-dark: #004f4c;
  --creatine-accent-soft: #e7f3f1;
  --creatine-ink: #172321;
  --creatine-muted: #667471;
  --creatine-line: #d9e4e1;
  --creatine-surface: #ffffff;
  --creatine-soft: #f3f7f6;
  --creatine-promo: #a53c2f;
  --creatine-radius: 8px;
  --creatine-content: 1220px;
}

:is(html, body).creatine-product .creatine-scope,
:is(html, body).creatine-product .creatine-scope * { box-sizing: border-box; }
:is(html, body).creatine-product .creatine-scope button { font: inherit; }
:is(html, body).creatine-product .creatine-scope a { color: inherit; }
:is(html, body).creatine-product .creatine-scope img { display: block; max-width: 100%; }
:is(html, body).creatine-product .creatine-scope button,
:is(html, body).creatine-product .creatine-scope a { -webkit-tap-highlight-color: transparent; }
:is(html, body).creatine-product .creatine-scope.content-nav { display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); background: var(--creatine-soft); scrollbar-width: none; }
:is(html, body).creatine-product .creatine-scope.content-nav::-webkit-scrollbar { display: none; }
:is(html, body).creatine-product .creatine-scope.content-nav a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--creatine-line); border-radius: 6px; background: var(--creatine-surface); color: var(--creatine-accent); font-size: 14px; font-weight: 800; text-decoration: none; }
:is(html, body).creatine-product .creatine-scope .stars { color: #d58a14; letter-spacing: 1px; }
:is(html, body).creatine-product .creatine-scope .audience-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0 24px; }
:is(html, body).creatine-product .creatine-scope .audience-tags-intro { display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0 0 5px; color: var(--creatine-muted); font-size: 14px; line-height: 1.35; }
:is(html, body).creatine-product .creatine-scope .audience-tags-intro strong { color: var(--creatine-ink); font-size: 15px; }
:is(html, body).creatine-product .creatine-scope .audience-tags a { padding: 5px 9px; border: 1px solid var(--creatine-line); border-radius: 4px; color: var(--creatine-accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease; }
:is(html, body).creatine-product .creatine-scope .audience-tags a:hover,
:is(html, body).creatine-product .creatine-scope .audience-tags a:focus-visible { border-color: var(--creatine-accent); background: var(--creatine-accent-soft); }
:is(html, body).creatine-product .creatine-scope .quick-proof { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); }
:is(html, body).creatine-product .creatine-scope .quick-proof a { display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none; }
:is(html, body).creatine-product .creatine-scope .quick-proof a:nth-child(2n + 1) { border-right: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .quick-proof a:nth-child(-n+2) { border-bottom: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .quick-proof strong { color: var(--creatine-accent); font-size: 16px; }
:is(html, body).creatine-product .creatine-scope .quick-proof span { margin-top: 4px; color: var(--creatine-muted); font-size: 14px; line-height: 1.35; }
:is(html, body).creatine-product .creatine-scope .women-insight { display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); background: var(--creatine-surface); text-decoration: none; }
:is(html, body).creatine-product .creatine-scope .women-insight img { width: 82px; height: 82px; object-fit: cover; object-position: 54% center; }
:is(html, body).creatine-product .creatine-scope .women-insight > span { display: flex; flex-direction: column; padding-block: 10px; }
:is(html, body).creatine-product .creatine-scope .women-insight strong { color: var(--creatine-accent); font-size: 16px; }
:is(html, body).creatine-product .creatine-scope .women-insight small { margin-top: 3px; color: var(--creatine-muted); font-size: 14px; line-height: 1.3; }
:is(html, body).creatine-product .creatine-scope .women-insight > b { padding-right: 16px; color: var(--creatine-accent); font-size: 20px; }
:is(html, body).creatine-product .creatine-scope .batch-link-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin: 14px 0 24px; padding: 14px 16px; border-radius: var(--creatine-radius); background: var(--creatine-accent-soft); }
:is(html, body).creatine-product .creatine-scope .batch-link-row div { display: flex; flex-direction: column; }
:is(html, body).creatine-product .creatine-scope .batch-link-row strong { font-size: 15px; }
:is(html, body).creatine-product .creatine-scope .batch-link-row span { margin-top: 2px; color: var(--creatine-muted); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .batch-link-row a { color: var(--creatine-accent); font-weight: 800; text-underline-offset: 3px; }
:is(html, body).creatine-product .creatine-scope .story-section { margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .story-intro { display: grid; gap: 16px; margin-bottom: 30px; }
:is(html, body).creatine-product .creatine-scope .story-intro h2 { max-width: 18ch; margin: 0; font-size: clamp(38px, 5.5vw, 68px); line-height: .98; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .story-intro p { max-width: 60ch; margin: 0; color: var(--creatine-muted); font-size: 18px; }
:is(html, body).creatine-product .creatine-scope .story-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 14px; }
:is(html, body).creatine-product .creatine-scope .performance-card { position: relative; overflow: hidden; min-height: 620px; border-radius: var(--creatine-radius); color: #fff; }
:is(html, body).creatine-product .creatine-scope .performance-card img { width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
:is(html, body).creatine-product .creatine-scope .performance-card-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,18,.08) 20%, rgba(3,20,18,.88) 100%); }
:is(html, body).creatine-product .creatine-scope .performance-card-copy { position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px); }
:is(html, body).creatine-product .creatine-scope .performance-card-copy h3 { max-width: 14ch; margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -.045em; }
:is(html, body).creatine-product .creatine-scope .performance-card-copy p { max-width: 52ch; margin: 0 0 10px; font-size: 17px; }
:is(html, body).creatine-product .creatine-scope .performance-card-copy small { display: block; max-width: 55ch; color: rgba(255,255,255,.78); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .performance-card-copy .performance-claim-note { max-width: 68ch; margin-top: 12px; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.4; }
:is(html, body).creatine-product .creatine-scope .story-facts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
:is(html, body).creatine-product .creatine-scope .story-fact { display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--creatine-radius); background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .story-fact-primary { min-height: 250px; background: var(--creatine-accent); color: #fff; }
:is(html, body).creatine-product .creatine-scope .story-fact-wide { grid-column: 1 / -1; min-height: 190px; }
:is(html, body).creatine-product .creatine-scope .story-fact > span { color: var(--creatine-muted); font-size: 14px; font-weight: 700; }
:is(html, body).creatine-product .creatine-scope .story-fact-primary > span { color: #cbe5e2; }
:is(html, body).creatine-product .creatine-scope .story-fact > strong { margin: 8px 0 4px; color: var(--creatine-accent); font-size: clamp(54px, 7vw, 84px); line-height: .9; letter-spacing: -.06em; }
:is(html, body).creatine-product .creatine-scope .story-fact-primary > strong { color: #fff; }
:is(html, body).creatine-product .creatine-scope .story-fact p { margin: 6px 0 0; color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .story-fact-primary p { color: #d8ecea; }
:is(html, body).creatine-product .creatine-scope .taurine-fact { justify-content: flex-start; scroll-margin-top: 24px; }
:is(html, body).creatine-product .creatine-scope .taurine-fact h3 { max-width: 18ch; margin: 7px 0 0; color: var(--creatine-ink); font-size: clamp(24px,2.2vw,32px); line-height: 1.05; letter-spacing: -.035em; }
:is(html, body).creatine-product .creatine-scope .taurine-fact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
:is(html, body).creatine-product .creatine-scope .taurine-fact-grid > div { padding: 14px; border: 1px solid var(--creatine-line); border-radius: 5px; background: var(--creatine-surface); }
:is(html, body).creatine-product .creatine-scope .taurine-fact-grid strong { color: var(--creatine-accent); font-size: 18px; }
:is(html, body).creatine-product .creatine-scope .taurine-fact-grid p { margin-top: 6px; font-size: 14px; line-height: 1.42; }
:is(html, body).creatine-product .creatine-scope .taurine-fact .taurine-context { margin-top: 13px; font-size: 14px; line-height: 1.48; }
:is(html, body).creatine-product .creatine-scope .section-heading { display: grid; gap: 15px; margin-bottom: 30px; }
:is(html, body).creatine-product .creatine-scope .section-heading h2 { max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .section-heading p { max-width: 64ch; margin: 0; color: var(--creatine-muted); font-size: 18px; }

:is(html, body).creatine-product .creatine-scope .comparison-section,
:is(html, body).creatine-product .creatine-scope .routine-section,
:is(html, body).creatine-product .creatine-scope .audience-section,
:is(html, body).creatine-product .creatine-scope .research-voices,
:is(html, body).creatine-product .creatine-scope .video-section,
:is(html, body).creatine-product .creatine-scope .experts-section,
:is(html, body).creatine-product .creatine-scope .faq-section,
:is(html, body).creatine-product .creatine-scope .reviews-section,
:is(html, body).creatine-product .creatine-scope .final-cta { margin-top: 72px; }
:is(html, body).creatine-product .creatine-scope .comparison-section { margin-top: 18px; padding: 54px 0 0; border-top: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .comparison-table { display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); }
:is(html, body).creatine-product .creatine-scope .comparison-head { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--creatine-line); text-align: center; }
:is(html, body).creatine-product .creatine-scope .comparison-head:not(:last-child),
:is(html, body).creatine-product .creatine-scope .comparison-label,
:is(html, body).creatine-product .creatine-scope .comparison-value-puori { border-right: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .comparison-head-puori { background: var(--creatine-accent-soft); }
:is(html, body).creatine-product .creatine-scope .comparison-head-puori img { width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain; }
:is(html, body).creatine-product .creatine-scope .comparison-head-other { background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .comparison-head-other img { width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain; }
:is(html, body).creatine-product .creatine-scope .comparison-head strong { max-width: 20ch; }
:is(html, body).creatine-product .creatine-scope .comparison-label,
:is(html, body).creatine-product .creatine-scope .comparison-value { display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .comparison-label { font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .comparison-value { color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .comparison-value-puori { background: #f5faf9; color: var(--creatine-accent); font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .comparison-note { margin: 12px 0 0; color: var(--creatine-muted); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .comparison-scroll-hint { display: none; margin: 10px 0 0; color: var(--creatine-accent); font-size: 14px; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .creapure-explainer { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: clamp(28px,5vw,68px); margin-top: 22px; padding: clamp(24px,4vw,42px); border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .creapure-explainer span { color: var(--creatine-accent); font-size: 14px; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .creapure-explainer h3 { max-width: 15ch; margin: 8px 0 0; font-size: clamp(28px,3vw,42px); line-height: 1.05; letter-spacing: -.035em; }
:is(html, body).creatine-product .creatine-scope .creapure-logo { width: min(210px,80%); height: auto; margin-top: 24px; }
:is(html, body).creatine-product .creatine-scope .creapure-explainer p { max-width: 68ch; margin: 0; color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .creapure-explainer p + p { margin-top: 16px; }
:is(html, body).creatine-product .creatine-scope .creapure-explainer p strong { color: var(--creatine-ink); }
:is(html, body).creatine-product .creatine-scope .forms-explainer { margin-top: 22px; padding: clamp(28px,4vw,44px); border-radius: var(--creatine-radius); background: var(--creatine-ink); color: #fff; }
:is(html, body).creatine-product .creatine-scope .forms-intro { display: grid; grid-template-columns: .7fr 1.3fr; gap: 12px clamp(30px,5vw,70px); align-items: end; }
:is(html, body).creatine-product .creatine-scope .forms-intro > span { grid-column: 1; color: #9ddbd5; font-size: 14px; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .forms-intro h3 { grid-column: 1; max-width: 12ch; margin: 0; color: #fff; font-size: clamp(34px,4vw,52px); line-height: 1; letter-spacing: -.045em; }
:is(html, body).creatine-product .creatine-scope .forms-intro p { grid-column: 2; grid-row: 1 / span 2; max-width: 55ch; margin: 0; color: #c8d3d0; font-size: 17px; }
:is(html, body).creatine-product .creatine-scope .forms-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 34px; background: rgba(255,255,255,.22); }
:is(html, body).creatine-product .creatine-scope .forms-grid article { display: flex; flex-direction: column; min-height: 168px; padding: 20px; background: #26322f; }
:is(html, body).creatine-product .creatine-scope .forms-grid article.is-reference { position: relative; z-index: 1; background: var(--creatine-accent); }
:is(html, body).creatine-product .creatine-scope .forms-grid strong { color: #fff; font-size: 19px; }
:is(html, body).creatine-product .creatine-scope .forms-evidence-number { margin-top: 14px; color: #fff; font-size: clamp(42px,4.5vw,64px); font-weight: 800; line-height: .9; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
:is(html, body).creatine-product .creatine-scope .forms-grid .is-reference small { margin-top: 7px; color: #cce9e6; font-size: 12px; font-weight: 700; line-height: 1.25; }
:is(html, body).creatine-product .creatine-scope .forms-grid span { margin-top: auto; padding-top: 16px; color: #c8d3d0; font-size: 14px; line-height: 1.42; }
:is(html, body).creatine-product .creatine-scope .forms-grid .is-reference span { color: #d9efec; }
:is(html, body).creatine-product .creatine-scope .forms-source-note { max-width: 86ch; margin: 22px 0 0; color: #aebbb8; font-size: 12px; line-height: 1.45; }
:is(html, body).creatine-product .creatine-scope .forms-explainer > a { display: inline-block; margin-top: 24px; color: #fff; font-weight: 800; text-underline-offset: 4px; }

:is(html, body).creatine-product .creatine-scope .testing-section { margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--creatine-radius); background: var(--creatine-accent); color: #fff; }
:is(html, body).creatine-product .creatine-scope .testing-header { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start; }
:is(html, body).creatine-product .creatine-scope .testing-header p { margin: 0 0 8px; color: #bfe4df; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .testing-header h2 { max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .testing-header img { width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee; }
:is(html, body).creatine-product .creatine-scope .testing-lead { max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px; }
:is(html, body).creatine-product .creatine-scope .test-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25); }
:is(html, body).creatine-product .creatine-scope .test-results div { display: flex; flex-direction: column; min-height: 110px; padding: 18px; background: rgba(0,46,43,.64); }
:is(html, body).creatine-product .creatine-scope .test-results span { color: #cde7e4; }
:is(html, body).creatine-product .creatine-scope .test-results strong { margin-top: auto; color: #fff; font-size: 22px; }
:is(html, body).creatine-product .creatine-scope .testing-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px; }
:is(html, body).creatine-product .creatine-scope .testing-actions { display: flex; align-items: center; gap: 22px; }
:is(html, body).creatine-product .creatine-scope .testing-actions > a:not(.button) { color: #fff; font-weight: 800; text-underline-offset: 4px; }
:is(html, body).creatine-product .creatine-scope .testing-summary { max-width: 66ch; margin: -10px 0 20px; color: #fff; font-size: 16px; }
:is(html, body).creatine-product .creatine-scope .testing-summary strong { color: #9ee6de; }
:is(html, body).creatine-product .creatine-scope .testing-expiry { display: flex; justify-content: space-between; gap: 18px; margin: 14px 0 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; background: rgba(0,46,43,.48); color: #d8efec; font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .testing-expiry strong { color: #fff; white-space: nowrap; }
:is(html, body).creatine-product .creatine-scope .testing-ai { display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48); }
:is(html, body).creatine-product .creatine-scope .testing-ai p { margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25; }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions { display: flex; gap: 8px; }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a { --provider-color: #111; --provider-surface: #fff; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none; transition: background-color 160ms cubic-bezier(.23,1,.32,1), transform 140ms cubic-bezier(.23,1,.32,1); }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a[data-ai-provider="chatgpt"] { --provider-color: #111; --provider-surface: #f4f4f4; }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a[data-ai-provider="google-ai"] { --provider-color: #7558e8; --provider-surface: #f3efff; }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a:hover,
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a:focus-visible { background: rgba(255,255,255,.18); outline: none; }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a:focus-visible { box-shadow: 0 0 0 3px #9fd9d3; }
:is(html, body).creatine-product .creatine-scope .testing-ai-actions a:active { transform: translateY(1px); }
:is(html, body).creatine-product .creatine-scope .ai-provider-icon { display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border: 1px solid color-mix(in srgb, var(--provider-color) 24%, transparent); border-radius: 50%; background: var(--provider-surface); object-fit: contain; }
:is(html, body).creatine-product .creatine-scope .ai-provider-name { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
:is(html, body).creatine-product .creatine-scope .button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none; }
:is(html, body).creatine-product .creatine-scope .button-light { background: #fff; color: var(--creatine-accent); }
:is(html, body).creatine-product .creatine-scope .button-primary { background: var(--creatine-accent); color: #fff; }

:is(html, body).creatine-product .creatine-scope .routine-section { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--creatine-radius); background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .routine-photo img { width: 100%; height: 100%; object-fit: cover; }
:is(html, body).creatine-product .creatine-scope .routine-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,6vw,76px); }
:is(html, body).creatine-product .creatine-scope .routine-content h2 { max-width: 11ch; margin: 0 0 18px; font-size: clamp(42px,5vw,66px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .routine-content > p { max-width: 50ch; margin: 0 0 28px; color: var(--creatine-muted); font-size: 17px; }
:is(html, body).creatine-product .creatine-scope .routine-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--creatine-line); border-radius: 6px; background: var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .routine-steps article { display: flex; flex-direction: column; min-height: 112px; padding: 17px; background: var(--creatine-surface); }
:is(html, body).creatine-product .creatine-scope .routine-steps strong { color: var(--creatine-accent); }
:is(html, body).creatine-product .creatine-scope .routine-steps span { margin-top: 5px; color: var(--creatine-muted); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .routine-content > a { align-self: flex-start; margin-top: 24px; color: var(--creatine-accent); font-weight: 800; text-underline-offset: 4px; }

:is(html, body).creatine-product .creatine-scope .mixing-comfort { position: relative; display: flex; min-height: 690px; justify-content: flex-start; overflow: hidden; margin-top: 72px; border-radius: var(--creatine-radius); background: var(--creatine-accent-dark); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-scrim { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,47,44,.97) 0%,rgba(0,56,53,.76) 44%,rgba(0,39,37,.1) 72%,rgba(0,39,37,.03) 100%); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-content { position: relative; z-index: 1; display: flex; width: min(650px,58%); flex-direction: column; justify-content: center; padding: clamp(38px,5vw,64px); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-intro { display: flex; flex-direction: column; justify-content: center; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-intro h2 { max-width: 13ch; margin: 0 0 16px; color: #fff; font-size: clamp(34px,4vw,50px); line-height: 1; letter-spacing: -.045em; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-intro p { max-width: 38ch; margin: 0; color: #d5e9e6; }
:is(html, body).creatine-product .creatine-scope .mixing-review { margin: 18px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,.28); color: #fff; }
:is(html, body).creatine-product .creatine-scope .mixing-review p { max-width: 47ch; margin: 0; color: #fff; font-size: 14px; line-height: 1.5; }
:is(html, body).creatine-product .creatine-scope .mixing-review p strong { color: #fff; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .mixing-review footer { display: flex; flex-wrap: wrap; gap: 4px 9px; align-items: center; margin-top: 10px; font-size: 13px; line-height: 1.35; }
:is(html, body).creatine-product .creatine-scope .mixing-review footer span { color: #f4bd45; letter-spacing: .05em; }
:is(html, body).creatine-product .creatine-scope .mixing-review footer a { color: #fff; font-weight: 800; text-underline-offset: 3px; }
:is(html, body).creatine-product .creatine-scope .mixing-review footer small { flex-basis: 100%; color: #c9dfdc; font-size: 12px; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 1px; overflow: hidden; margin-top: 28px; border: 1px solid var(--creatine-line); border-radius: 6px; background: var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points article { display: flex; min-height: 238px; flex-direction: column; padding: clamp(20px,3vw,30px); background: rgba(0,66,62,.91); color: #fff; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points article + article { background: rgba(246,250,249,.96); color: var(--creatine-ink); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points h3 { margin: 0 0 14px; color: #a9dfda; font-size: 23px; line-height: 1.12; letter-spacing: -.025em; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points article + article h3 { color: var(--creatine-accent); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points p { margin: 0; color: inherit; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points small { display: block; margin-top: auto; padding-top: 24px; color: #d2e7e4; font-size: 14px; line-height: 1.48; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-points article + article small { color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-source { grid-column: 1 / -1; margin: 0 !important; padding: 15px 18px; background: rgba(255,255,255,.96); color: var(--creatine-muted) !important; font-size: 14px; line-height: 1.5; }
:is(html, body).creatine-product .creatine-scope .mixing-comfort-source a { color: var(--creatine-accent); font-weight: 800; text-underline-offset: 3px; }

:is(html, body).creatine-product .creatine-scope .situations-panel { display: grid; grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr); gap: clamp(28px,5vw,66px); padding: clamp(28px,5vw,58px); border-radius: var(--creatine-radius); background: var(--creatine-accent); color: #fff; }
:is(html, body).creatine-product .creatine-scope .situations-panel-copy { display: flex; flex-direction: column; justify-content: center; }
:is(html, body).creatine-product .creatine-scope .situations-panel-copy p { margin: 0 0 10px; color: #a9dfda; font-size: 14px; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .situations-panel-copy h2 { max-width: 12ch; margin: 0 0 18px; color: #fff; font-size: clamp(38px,4.6vw,60px); line-height: .98; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .situations-panel-copy span { max-width: 42ch; color: #d3e9e6; }
:is(html, body).creatine-product .creatine-scope .audience-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; align-self: stretch; overflow: hidden; background: rgba(255,255,255,.3); }
:is(html, body).creatine-product .creatine-scope .audience-grid a { display: flex; min-height: 190px; flex-direction: column; justify-content: flex-end; padding: 20px; background: rgba(0,51,48,.82); color: #fff; text-decoration: none; transition: background-color 160ms ease, transform 160ms ease; }
:is(html, body).creatine-product .creatine-scope .audience-grid a:hover,
:is(html, body).creatine-product .creatine-scope .audience-grid a:focus-visible { background: rgba(0,43,40,.96); }
:is(html, body).creatine-product .creatine-scope .audience-grid a:active { transform: translateY(1px); }
:is(html, body).creatine-product .creatine-scope .audience-grid small { margin-bottom: auto; color: #9edbd5; font-size: 14px; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .audience-grid strong { max-width: 26ch; margin-top: 14px; color: #fff; font-size: 20px; line-height: 1.18; }
:is(html, body).creatine-product .creatine-scope .audience-grid span { max-width: 38ch; margin-top: 8px; color: #d3e9e6; font-size: 14px; line-height: 1.42; }
:is(html, body).creatine-product .creatine-scope .audience-grid b { margin-top: 14px; color: #9edbd5; font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .audience-claim-note { width: 100%; max-width: none; margin: 12px 0 0; color: var(--creatine-muted); font-size: 12px; line-height: 1.42; }

:is(html, body).creatine-product .creatine-scope .research-voices { margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .research-voice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid article { display: grid; grid-template-columns: 170px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .research-voice-grid img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid .research-voice-abbie { object-position: 50% 26%; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid .research-voice-richard { object-position: 50% 28%; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid article > div { display: flex; flex-direction: column; padding: 28px; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid span { color: var(--creatine-accent); font-size: 14px; font-weight: 800; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid blockquote { margin: 20px 0; font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid strong { margin-top: auto; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid small { margin-top: 5px; color: var(--creatine-muted); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .research-voice-grid a { margin-top: 13px; color: var(--creatine-accent); font-weight: 800; text-underline-offset: 4px; }

:is(html, body).creatine-product .creatine-scope .video-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--creatine-accent) var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .video-card { position: relative; overflow: hidden; min-height: 500px; padding: 0; border: 0; border-radius: var(--creatine-radius); background: var(--creatine-ink); color: #fff; cursor: pointer; scroll-snap-align: start; text-align: left; }
:is(html, body).creatine-product .creatine-scope .video-card img { width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform 240ms cubic-bezier(.22,1,.36,1); }
:is(html, body).creatine-product .creatine-scope .video-card:first-child img,
:is(html, body).creatine-product .creatine-scope .video-card:last-child img { object-position: center; transform: scale(1.35); }
:is(html, body).creatine-product .creatine-scope .video-card:first-child:hover img,
:is(html, body).creatine-product .creatine-scope .video-card:last-child:hover img { transform: scale(1.38); }
:is(html, body).creatine-product .creatine-scope .video-card:hover img { transform: scale(1.02); }
:is(html, body).creatine-product .creatine-scope .video-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,20,18,.88) 100%); }
:is(html, body).creatine-product .creatine-scope .play-icon { position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; background: rgba(0,50,47,.6); font-size: 18px; }
:is(html, body).creatine-product .creatine-scope .video-copy { position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column; }
:is(html, body).creatine-product .creatine-scope .video-copy strong { color: #fff; font-size: 22px; line-height: 1.15; }
:is(html, body).creatine-product .creatine-scope .video-copy small { margin-top: 6px; color: rgba(255,255,255,.76); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope.video-dialog { width: min(94vw,520px); margin: auto; padding: 0; border: 0; border-radius: var(--creatine-radius); background: #081a18; color: #fff; box-shadow: 0 28px 90px rgba(0,0,0,.35); }
:is(html, body).creatine-product .creatine-scope.video-dialog::backdrop { background: rgba(4,16,15,.78); }
:is(html, body).creatine-product .creatine-scope .video-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 16px; }
:is(html, body).creatine-product .creatine-scope .video-dialog-header button { min-height: 40px; padding: 0 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; background: transparent; color: #fff; cursor: pointer; }
:is(html, body).creatine-product .creatine-scope.video-dialog video,
:is(html, body).creatine-product .creatine-scope.video-dialog iframe { display: block; width: 100%; max-height: 78vh; border: 0; background: #000; }
:is(html, body).creatine-product .creatine-scope.video-dialog iframe { aspect-ratio: 9 / 16; max-height: 78vh; margin-inline: auto; }
:is(html, body).creatine-product .creatine-scope.video-dialog [hidden] { display: none; }

:is(html, body).creatine-product .creatine-scope .experts-section { padding: clamp(32px,5vw,58px); border-radius: var(--creatine-radius); background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .expert-feature { display: grid; grid-template-columns: .45fr 1.2fr auto; gap: 28px; align-items: center; padding: 28px 0; border-top: 1px solid var(--creatine-line); border-bottom: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .expert-source { display: flex; align-items: center; }
:is(html, body).creatine-product .creatine-scope .expert-source img { width: min(190px,100%); height: auto; }
:is(html, body).creatine-product .creatine-scope .expert-feature blockquote { margin: 0; font-size: clamp(21px,2.5vw,30px); line-height: 1.2; letter-spacing: -.025em; }
:is(html, body).creatine-product .creatine-scope .expert-feature a,
:is(html, body).creatine-product .creatine-scope .expert-grid a { color: var(--creatine-accent); font-weight: 800; text-underline-offset: 4px; }
:is(html, body).creatine-product .creatine-scope .expert-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
:is(html, body).creatine-product .creatine-scope .expert-grid article { display: flex; flex-direction: column; min-height: 280px; padding: 22px; border-radius: 6px; background: #fff; }
:is(html, body).creatine-product .creatine-scope .expert-grid article > span { color: var(--creatine-muted); font-size: 14px; font-weight: 700; }
:is(html, body).creatine-product .creatine-scope .expert-image { width: 88px; height: 88px; margin-bottom: 20px; border-radius: 50%; object-fit: cover; object-position: center top; }
:is(html, body).creatine-product .creatine-scope .expert-image-wendy { object-position: 0 center; }
:is(html, body).creatine-product .creatine-scope .expert-grid blockquote { margin: 18px 0; font-size: 17px; }
:is(html, body).creatine-product .creatine-scope .expert-grid strong { margin-top: auto; }
:is(html, body).creatine-product .creatine-scope .expert-grid a { margin-top: 8px; }

:is(html, body).creatine-product .creatine-scope .faq-section { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .faq-side { position: sticky; top: 24px; }
:is(html, body).creatine-product .creatine-scope .faq-side h2 { max-width: 11ch; margin: 0 0 16px; font-size: clamp(42px,5vw,64px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .faq-side p { max-width: 32ch; color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .faq-side a { color: var(--creatine-accent); font-weight: 800; text-underline-offset: 4px; }
:is(html, body).creatine-product .creatine-scope .faq-list details { border-bottom: 1px solid var(--creatine-line); }
:is(html, body).creatine-product .creatine-scope .faq-list summary { position: relative; padding: 20px 42px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none; }
:is(html, body).creatine-product .creatine-scope .faq-list summary::-webkit-details-marker { display: none; }
:is(html, body).creatine-product .creatine-scope .faq-list summary::after { content: "+"; position: absolute; top: 18px; right: 4px; color: var(--creatine-accent); font-size: 24px; line-height: 1; }
:is(html, body).creatine-product .creatine-scope .faq-list details[open] summary::after { content: "−"; }
:is(html, body).creatine-product .creatine-scope .faq-list details p { max-width: 68ch; margin: -3px 0 20px; color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .faq-list .faq-more { display: block; width: fit-content; margin-top: 10px; color: var(--creatine-accent); font-weight: 800; text-underline-offset: 3px; }

:is(html, body).creatine-product .creatine-scope .reviews-section { display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--creatine-radius); background: var(--creatine-accent-soft); }
:is(html, body).creatine-product .creatine-scope .reviews-summary { display: flex; flex-direction: column; justify-content: center; }
:is(html, body).creatine-product .creatine-scope .reviews-summary > strong { margin: 0 0 4px; color: var(--creatine-accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em; }
:is(html, body).creatine-product .creatine-scope .reviews-summary p { margin: 8px 0 0; color: var(--creatine-muted); }
:is(html, body).creatine-product .creatine-scope .reviews-summary-stars { margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em; }
:is(html, body).creatine-product .creatine-scope .reviews-content h2 { margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em; }
:is(html, body).creatine-product .creatine-scope .review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
:is(html, body).creatine-product .creatine-scope .review-grid blockquote { display: flex; flex-direction: column; min-height: 220px; margin: 0; padding: 20px; border-radius: 6px; background: #fff; }
:is(html, body).creatine-product .creatine-scope .review-stars { display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em; }
:is(html, body).creatine-product .creatine-scope .review-grid p { margin: 0; color: #33403e; font-size: 16px; font-weight: 600; }
:is(html, body).creatine-product .creatine-scope .review-grid footer { display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--creatine-muted); font-size: 14px; }
:is(html, body).creatine-product .creatine-scope .review-grid footer a { color: var(--creatine-muted); font-weight: 700; text-underline-offset: 3px; }
:is(html, body).creatine-product .creatine-scope .review-grid footer small { margin-top: 3px; color: var(--creatine-muted); font-size: 13px; }
:is(html, body).creatine-product .creatine-scope .reviews-all-link { display: inline-flex; width: fit-content; margin-top: 18px; color: var(--creatine-accent); font-weight: 800; text-underline-offset: 3px; }

:is(html, body).creatine-product .creatine-scope .faq-awards { margin-top: 30px; padding: 18px; border: 1px solid var(--creatine-line); border-radius: var(--creatine-radius); background: var(--creatine-soft); }
:is(html, body).creatine-product .creatine-scope .faq-awards > p { margin: 0 0 14px; color: var(--creatine-muted); font-size: 14px; font-weight: 800; letter-spacing: .03em; }
:is(html, body).creatine-product .creatine-scope .faq-awards-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: center; }
:is(html, body).creatine-product .creatine-scope .faq-awards-grid img { width: 100%; max-height: 70px; object-fit: contain; }

:is(html, body).creatine-product .creatine-scope .methodology-note { margin-top: 18px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9; }
:is(html, body).creatine-product .creatine-scope .methodology-note summary { position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
:is(html, body).creatine-product .creatine-scope .methodology-note summary::-webkit-details-marker { display: none; }
:is(html, body).creatine-product .creatine-scope .methodology-note summary::after { content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1; }
:is(html, body).creatine-product .creatine-scope .methodology-note details[open] summary::after { content: "−"; }
:is(html, body).creatine-product .creatine-scope .methodology-note details > div { padding: 0 0 15px; }
:is(html, body).creatine-product .creatine-scope .methodology-note p { max-width: none; margin: 6px 0; color: var(--creatine-muted); font-size: 12px; line-height: 1.42; }
:is(html, body).creatine-product .creatine-scope .methodology-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; }
:is(html, body).creatine-product .creatine-scope .methodology-links a { color: var(--creatine-accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px; }
:is(html, body).creatine-product .creatine-scope .methodology-note small { display: block; margin-top: 10px; color: var(--creatine-muted); font-size: 11px; }

@media (min-width: 861px) {
  :is(html, body).creatine-product .creatine-scope .forms-grid { grid-template-columns: 1.18fr repeat(3,minmax(0,1fr)); }
  :is(html, body).creatine-product .creatine-scope .forms-grid article.is-reference { transform: scale(1.035); transform-origin: center; box-shadow: 0 12px 28px rgba(0,0,0,.24); }
  :is(html, body).creatine-product .creatine-scope .reviews-summary > strong { font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap; }}

:is(html, body).creatine-product .creatine-scope .final-cta { position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--creatine-radius); color: #fff; }
:is(html, body).creatine-product .creatine-scope .final-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
:is(html, body).creatine-product .creatine-scope .final-cta-scrim { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,27,25,.94) 0%,rgba(3,27,25,.72) 48%,rgba(3,27,25,.12) 100%); }
:is(html, body).creatine-product .creatine-scope .final-cta-copy { position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px); }
:is(html, body).creatine-product .creatine-scope .final-cta-copy h2 { margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em; }
:is(html, body).creatine-product .creatine-scope .final-cta-copy p { margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px; }

@media (max-width: 860px) {
  :is(html, body).creatine-product .creatine-scope.content-nav { justify-content: flex-start; margin: 32px 16px 0; }
  :is(html, body).creatine-product .creatine-scope .quick-proof a { min-height: 82px; padding: 13px; }
  :is(html, body).creatine-product .creatine-scope .women-insight { grid-template-columns: 78px 1fr auto; }
  :is(html, body).creatine-product .creatine-scope .women-insight img { width: 78px; height: 100%; min-height: 92px; }
  :is(html, body).creatine-product .creatine-scope .batch-link-row { margin-bottom: 21px; }
  :is(html, body).creatine-product .creatine-scope .story-section { margin: 16px 16px 0; padding-top: 36px; }
  :is(html, body).creatine-product .creatine-scope .story-intro { margin-bottom: 22px; }
  :is(html, body).creatine-product .creatine-scope .story-intro h2 { font-size: 42px; }
  :is(html, body).creatine-product .creatine-scope .story-intro p { font-size: 16px; }
  :is(html, body).creatine-product .creatine-scope .story-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .performance-card { min-height: 560px; }
  :is(html, body).creatine-product .creatine-scope .story-facts { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .story-fact-primary,
:is(html, body).creatine-product .creatine-scope .story-fact-wide { grid-column: auto; }
  :is(html, body).creatine-product .creatine-scope .story-fact-primary { min-height: 260px; }
  :is(html, body).creatine-product .creatine-scope .story-fact { min-height: 190px; padding: 20px; }
  :is(html, body).creatine-product .creatine-scope .story-fact-wide { min-height: 180px; }
  :is(html, body).creatine-product .creatine-scope .story-fact > strong { font-size: 60px; }
  :is(html, body).creatine-product .creatine-scope .comparison-section,
:is(html, body).creatine-product .creatine-scope .routine-section,
:is(html, body).creatine-product .creatine-scope .audience-section,
:is(html, body).creatine-product .creatine-scope .research-voices,
:is(html, body).creatine-product .creatine-scope .video-section,
:is(html, body).creatine-product .creatine-scope .experts-section,
:is(html, body).creatine-product .creatine-scope .faq-section,
:is(html, body).creatine-product .creatine-scope .reviews-section,
:is(html, body).creatine-product .creatine-scope .final-cta { margin: 52px 16px 0; }
  :is(html, body).creatine-product .creatine-scope .comparison-section { margin-top: 16px; padding-top: 36px; }
  :is(html, body).creatine-product .creatine-scope .section-heading { margin-bottom: 22px; }
  :is(html, body).creatine-product .creatine-scope .section-heading h2 { font-size: 42px; }
  :is(html, body).creatine-product .creatine-scope .section-heading p { font-size: 16px; }
  :is(html, body).creatine-product .creatine-scope .comparison-table { grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto; }
  :is(html, body).creatine-product .creatine-scope .comparison-scroll-hint { display: block; }
  :is(html, body).creatine-product .creatine-scope .comparison-head { min-height: 180px; padding: 14px 10px; font-size: 14px; }
  :is(html, body).creatine-product .creatine-scope .comparison-head-puori img,
:is(html, body).creatine-product .creatine-scope .comparison-head-other img { width: 92px; height: 92px; margin-bottom: 10px; }
  :is(html, body).creatine-product .creatine-scope .comparison-label,
:is(html, body).creatine-product .creatine-scope .comparison-value { min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3; }
  :is(html, body).creatine-product .creatine-scope .creapure-explainer { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; }
  :is(html, body).creatine-product .creatine-scope .creapure-explainer h3 { font-size: 32px; }
  :is(html, body).creatine-product .creatine-scope .creapure-logo { margin-top: 18px; }
  :is(html, body).creatine-product .creatine-scope .forms-explainer { padding: 26px 20px; }
  :is(html, body).creatine-product .creatine-scope .forms-intro { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .forms-intro > span,
:is(html, body).creatine-product .creatine-scope .forms-intro h3,
:is(html, body).creatine-product .creatine-scope .forms-intro p { grid-column: auto; grid-row: auto; }
  :is(html, body).creatine-product .creatine-scope .forms-intro h3 { font-size: 38px; }
  :is(html, body).creatine-product .creatine-scope .forms-intro p { margin-top: 6px; font-size: 16px; }
  :is(html, body).creatine-product .creatine-scope .forms-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 25px; }
  :is(html, body).creatine-product .creatine-scope .forms-grid article { min-height: 150px; padding: 16px; }
  :is(html, body).creatine-product .creatine-scope .testing-section { margin-top: 14px; padding: 28px 20px; }
  :is(html, body).creatine-product .creatine-scope .testing-header { grid-template-columns: 1fr 70px; gap: 14px; }
  :is(html, body).creatine-product .creatine-scope .testing-header h2 { font-size: 40px; }
  :is(html, body).creatine-product .creatine-scope .testing-header img { width: 70px; height: 70px; }
  :is(html, body).creatine-product .creatine-scope .testing-lead { font-size: 16px; }
  :is(html, body).creatine-product .creatine-scope .testing-summary { margin-top: -8px; }
  :is(html, body).creatine-product .creatine-scope .test-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(html, body).creatine-product .creatine-scope .test-results div { min-height: 100px; padding: 14px; }
  :is(html, body).creatine-product .creatine-scope .testing-footer { grid-template-columns: 1fr; gap: 18px; }
  :is(html, body).creatine-product .creatine-scope .testing-actions { align-items: stretch; flex-direction: column; gap: 14px; }
  :is(html, body).creatine-product .creatine-scope .testing-actions > a:not(.button) { text-align: center; }
  :is(html, body).creatine-product .creatine-scope .testing-ai { grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px; }
  :is(html, body).creatine-product .creatine-scope .routine-section { grid-template-columns: 1fr; min-height: 0; }
  :is(html, body).creatine-product .creatine-scope .routine-photo { height: 430px; }
  :is(html, body).creatine-product .creatine-scope .routine-content { padding: 30px 22px; }
  :is(html, body).creatine-product .creatine-scope .routine-content h2 { font-size: 43px; }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort { display: block; min-height: 0; margin: 52px 16px 0; background: var(--creatine-accent-dark); }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort-photo { height: 350px; object-position: 72% center; }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort-scrim { height: 370px; background: linear-gradient(180deg,rgba(0,39,37,0) 0%,rgba(0,47,44,.08) 55%,var(--creatine-accent-dark) 100%); }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort-content { width: 100%; padding: 330px 20px 28px; }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort-intro h2 { max-width: 14ch; font-size: 39px; }
  :is(html, body).creatine-product .creatine-scope .situations-panel { grid-template-columns: 1fr; gap: 26px; margin-bottom: 18px; padding: 28px 20px; }
  :is(html, body).creatine-product .creatine-scope .situations-panel-copy h2 { font-size: 42px; }
  :is(html, body).creatine-product .creatine-scope .audience-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .audience-grid a { min-height: 150px; padding: 20px; }
  :is(html, body).creatine-product .creatine-scope .video-grid { grid-auto-columns: minmax(250px,82vw); margin-right: -16px; }
  :is(html, body).creatine-product .creatine-scope .video-card { min-height: 470px; }
  :is(html, body).creatine-product .creatine-scope .experts-section { padding: 28px 20px; }
  :is(html, body).creatine-product .creatine-scope .expert-feature { grid-template-columns: 1fr; gap: 16px; }
  :is(html, body).creatine-product .creatine-scope .expert-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .expert-grid article { min-height: 230px; }
  :is(html, body).creatine-product .creatine-scope .research-voices { margin-top: 16px; padding-top: 36px; }
  :is(html, body).creatine-product .creatine-scope .research-voice-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .research-voice-grid article { grid-template-columns: 126px 1fr; min-height: 330px; }
  :is(html, body).creatine-product .creatine-scope .research-voice-grid article > div { padding: 22px 18px; }
  :is(html, body).creatine-product .creatine-scope .faq-section { grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px; }
  :is(html, body).creatine-product .creatine-scope .faq-side { position: static; }
  :is(html, body).creatine-product .creatine-scope .faq-awards { display: none; }
  :is(html, body).creatine-product .creatine-scope .reviews-section { grid-template-columns: 1fr; padding: 28px 20px; }
  :is(html, body).creatine-product .creatine-scope .review-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .review-grid blockquote { min-height: 0; }
  :is(html, body).creatine-product .creatine-scope .review-grid footer { margin-top: 10px; padding-top: 0; }
  :is(html, body).creatine-product .creatine-scope .methodology-note { margin: 16px 16px 0; padding: 0 15px; }
  :is(html, body).creatine-product .creatine-scope .final-cta { min-height: 590px; }
  :is(html, body).creatine-product .creatine-scope .final-cta-scrim { background: linear-gradient(180deg,rgba(3,27,25,.18) 15%,rgba(3,27,25,.94) 100%); }
  :is(html, body).creatine-product .creatine-scope .final-cta-copy { align-self: flex-end; width: 100%; padding: 28px 22px; }
  :is(html, body).creatine-product .creatine-scope .final-cta-copy h2 { font-size: 43px; }}

@media (max-width: 430px) {
  :is(html, body).creatine-product .creatine-scope .performance-card { min-height: 500px; }
  :is(html, body).creatine-product .creatine-scope .performance-card-copy h3 { font-size: 38px; }
  :is(html, body).creatine-product .creatine-scope .performance-card-copy p { font-size: 15px; line-height: 1.42; }
  :is(html, body).creatine-product .creatine-scope .performance-card-copy small { font-size: 14px; }
  :is(html, body).creatine-product .creatine-scope .performance-card-copy .performance-claim-note { font-size: 11px; }
  :is(html, body).creatine-product .creatine-scope .story-facts { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .story-fact-primary,
:is(html, body).creatine-product .creatine-scope .story-fact-wide { grid-column: auto; }
  :is(html, body).creatine-product .creatine-scope .story-fact { min-height: 178px; }
  :is(html, body).creatine-product .creatine-scope .story-fact-primary { min-height: 230px; }
  :is(html, body).creatine-product .creatine-scope .taurine-fact-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .routine-steps { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .routine-steps article { min-height: 0; padding: 18px 20px; }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort-points { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .mixing-comfort-points article { min-height: 210px; padding: 20px; }
  :is(html, body).creatine-product .creatine-scope .comparison-table { grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain; }
  :is(html, body).creatine-product .creatine-scope .comparison-head { min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22; }
  :is(html, body).creatine-product .creatine-scope .comparison-head-puori img,
:is(html, body).creatine-product .creatine-scope .comparison-head-other img { width: 64px; height: 64px; margin-bottom: 7px; }
  :is(html, body).creatine-product .creatine-scope .comparison-label,
:is(html, body).creatine-product .creatine-scope .comparison-value { min-width: 0; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere; }
  :is(html, body).creatine-product .creatine-scope .testing-header h2 { font-size: 36px; }
  :is(html, body).creatine-product .creatine-scope .testing-lead { margin-top: 18px; }
  :is(html, body).creatine-product .creatine-scope .testing-expiry { align-items: flex-start; flex-direction: column; gap: 4px; }
  :is(html, body).creatine-product .creatine-scope .video-card { min-height: 440px; }
  :is(html, body).creatine-product .creatine-scope .forms-grid { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .forms-grid article { min-height: 0; padding: 14px 15px; }
  :is(html, body).creatine-product .creatine-scope .forms-grid span { margin-top: 6px; padding-top: 0; }
  :is(html, body).creatine-product .creatine-scope .research-voice-grid article { grid-template-columns: 1fr; }
  :is(html, body).creatine-product .creatine-scope .research-voice-grid img { height: 260px; }
  :is(html, body).creatine-product .creatine-scope .reviews-section { gap: 22px; padding: 23px 17px; }
  :is(html, body).creatine-product .creatine-scope .reviews-content h2 { margin-bottom: 17px; font-size: 36px; }
  :is(html, body).creatine-product .creatine-scope .review-grid blockquote { padding: 17px; }
  :is(html, body).creatine-product .creatine-scope .final-cta-copy h2 { font-size: 38px; }}

:is(html, body).creatine-product {
  --creatine-ink: #172321;
  --creatine-muted: #667471;
  --creatine-line: #d9e4e1;
  --creatine-line-strong: #b7cfca;
  --creatine-surface: #ffffff;
  --creatine-soft: #f3f7f6;
  --creatine-tint: #e7f3f1;
  --creatine-accent: #006460;
  --creatine-promo: #a53c2f;
  --creatine-promo-soft: #fff3f0;
  --creatine-positive: #16874b;
}

:is(html, body).creatine-product .p-short-description .vice-info,
:is(html, body).creatine-product .social-buttons-wrapper {
  display: none !important;
}

:is(html, body).creatine-product #creatine-short,
:is(html, body).creatine-product #creatine-long,
:is(html, body).creatine-product .creatine-content-nav,
:is(html, body).creatine-product #creatine-video-dialog {
  font-family: inherit !important;
}

:is(html, body).creatine-product #creatine-short {
  margin: 22px 0 6px;
  background: transparent;
}

:is(html, body).creatine-product #creatine-short .audience-tags {
  margin: 0 0 12px;
}

:is(html, body).creatine-product #creatine-short .audience-tags-intro {
  margin-bottom: 6px;
}

:is(html, body).creatine-product #creatine-short .audience-tags a,
:is(html, body).creatine-product #creatine-short .quick-proof a,
:is(html, body).creatine-product #creatine-short .women-insight,
:is(html, body).creatine-product #creatine-short .batch-link-row a,
:is(html, body).creatine-product .creatine-content-nav a,
:is(html, body).creatine-product #creatine-long .audience-grid a,
:is(html, body).creatine-product #creatine-long .video-card,
:is(html, body).creatine-product #creatine-long .button {
  text-decoration: none !important;
}

:is(html, body).creatine-product #creatine-short .quick-proof {
  margin-top: 0;
}

:is(html, body).creatine-product #creatine-short .women-insight,
:is(html, body).creatine-product #creatine-short .batch-link-row {
  margin-top: 12px;
}

:is(html, body).creatine-product #product-detail-form .availability-value {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  color: var(--creatine-muted);
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
}

:is(html, body).creatine-product #product-detail-form .availability-label {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
}

:is(html, body).creatine-product #product-detail-form .availability-label::after {
  content: ".\00a0";
}

:is(html, body).creatine-product #product-detail-form .delivery-time {
  display: inline-flex !important;
  align-items: center;
}

:is(html, body).creatine-product #product-detail-form .delivery-time::before {
  content: none;
}

:is(html, body).creatine-product #product-detail-form .delivery-in-detail {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

:is(html, body).creatine-product #product-detail-form .delivery-in-detail th {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

:is(html, body).creatine-product #product-detail-form .delivery-time-label {
  display: none !important;
}

:is(html, body).creatine-product #product-detail-form .shipping-options {
  margin-left: 4px;
  color: var(--creatine-accent);
  font-weight: 700;
  text-underline-offset: 2px;
}

:is(html, body).creatine-product #product-detail-form .shipping-options::before {
  display: none !important;
}

:is(html, body).creatine-product #product-detail-form .quantity-discounts__headline {
  color: var(--creatine-ink);
  font-size: 18px;
  font-weight: 800;
}

:is(html, body).creatine-product .p-detail > .creatine-content-nav {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
}

:is(html, body).creatine-product .creatine-content-nav .content-nav-inner {
  display: flex;
  justify-content: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

:is(html, body).creatine-product .creatine-content-nav .content-nav-inner::-webkit-scrollbar {
  display: none;
}

:is(html, body).creatine-product .p-detail-tabs-wrapper .shp-tabs-row {
  display: none !important;
}

:is(html, body).creatine-product #description > .description-inner > h3:first-child {
  display: none;
}

:is(html, body).creatine-product #description .description-inner {
  max-width: none;
  padding-top: 0;
}

:is(html, body).creatine-product #creatine-long {
  width: min(1220px, 100%);
  margin-inline: auto;
  background: transparent;
}

:is(html, body).creatine-product #product-detail-form .quantity-discounts {
  scroll-margin-top: 86px;
}

:is(html, body).creatine-product #product-detail-form .price-final-holder {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

:is(html, body).creatine-product #product-detail-form .creatine-main-price-old {
  color: #b43d32;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}

:is(html, body).creatine-product #product-detail-form .creatine-main-price-current {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

:is(html, body).creatine-product #creatine-long .performance-card-copy h3,
:is(html, body).creatine-product #creatine-long .forms-intro h3,
:is(html, body).creatine-product #creatine-long .forms-grid strong,
:is(html, body).creatine-product #creatine-long .testing-header h2,
:is(html, body).creatine-product #creatine-long .situations-panel-copy h2,
:is(html, body).creatine-product #creatine-long .video-copy strong,
:is(html, body).creatine-product #creatine-long .final-cta-copy h2 {
  color: #fff !important;
}

:is(html, body).creatine-product #creatine-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;
}

:is(html, body).creatine-product #creatine-video-dialog video,
:is(html, body).creatine-product #creatine-video-dialog iframe {
  width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;
}

:is(html, body).creatine-product.creatine-video-open {
  overflow: hidden;
}

:is(html, body).creatine-product #creatine-long .research-voice-abbie {
  object-position: 58% 12% !important;
}

:is(html, body).creatine-product .creatine-quantity-table {
  display: grid !important;
  gap: 14px;
}

:is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--creatine-line-strong) !important;
  border-radius: 6px;
  background: var(--creatine-surface) !important;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;
}

:is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item:active {
  transform: scale(.99);
}

:is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item:focus-visible {
  outline: 3px solid var(--creatine-accent);
  outline-offset: 2px;
}

:is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item--highlighted {
  border-color: var(--creatine-accent) !important;
  background: var(--creatine-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);
}

:is(html, body).creatine-product .creatine-quantity-table .creatine-quantity-3.quantity-discounts__item--highlighted {
  border-color: var(--creatine-promo) !important;
  background: var(--creatine-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);
}

:is(html, body).creatine-product .creatine-option-copy strong,
:is(html, body).creatine-product .creatine-option-copy small,
:is(html, body).creatine-product .creatine-option-price strong,
:is(html, body).creatine-product .creatine-option-price small {
  display: block;
}

:is(html, body).creatine-product .creatine-option-copy strong {
  color: var(--creatine-ink);
  font-size: 16px;
  font-weight: 800;
}

:is(html, body).creatine-product .creatine-option-copy small,
:is(html, body).creatine-product .creatine-option-price small {
  margin-top: 3px;
  color: var(--creatine-muted);
  font-size: 14px;
  line-height: 1.35;
}

:is(html, body).creatine-product .creatine-option-price {
  color: var(--creatine-ink);
  font-size: 0;
  text-align: right;
}

:is(html, body).creatine-product .creatine-option-price strong {
  font-size: 17px;
  line-height: 1.25;
}

:is(html, body).creatine-product .creatine-best-badge {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--creatine-promo);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).creatine-product .creatine-option-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--creatine-line);
  color: var(--creatine-positive);
  font-size: 14px;
}

:is(html, body).creatine-product .quantity-discounts__save {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item:hover {
    border-color: var(--creatine-accent) !important;
    background: var(--creatine-soft) !important;
  }
}

@media (min-width: 768px) {
  :is(html, body).creatine-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--creatine-line);
    border-bottom: 1px solid var(--creatine-line);
    background: transparent !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__item {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__item:nth-child(even) {
    border-left: 1px solid var(--creatine-line) !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__item:nth-child(n + 3) {
    border-top: 1px solid var(--creatine-line) !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--creatine-ink) !important;
    text-decoration: none !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__picture {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    background-size: contain !important;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__content {
    min-width: 0;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__title {
    display: block;
    color: var(--creatine-ink);
    font-size: 15px;
    line-height: 1.25;
  }

  :is(html, body).creatine-product .creatine-benefit-banner .benefitBanner__data {
    margin-top: 4px;
    color: var(--creatine-muted);
    font-size: 14px;
    line-height: 1.35;
  }
}

@media (max-width: 767px) {
  :is(html, body).creatine-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).creatine-product #product-detail-form .availability-value {
    gap: 3px;
    min-height: 36px;
    margin: 0 0 12px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--creatine-line);
    border-radius: 6px;
    background: var(--creatine-soft);
    font-size: 12px;
    letter-spacing: -.01em;
  }

  :is(html, body).creatine-product #product-detail-form .shipping-options {
    display: inline-grid !important;
    width: 26px;
    min-width: 26px;
    height: 26px;
    place-items: center;
    margin-left: 1px;
    overflow: hidden;
    font-size: 0;
    text-decoration: none;
  }

  :is(html, body).creatine-product #product-detail-form .shipping-options::before {
    display: block !important;
    margin: 0 !important;
    font-size: 18px;
    line-height: 1;
  }

  :is(html, body).creatine-product #product-detail-form .quantity-discounts {
    margin-top: 10px !important;
    margin-bottom: 18px !important;
  }

  :is(html, body).creatine-product #product-detail-form .quantity-discounts__headline {
    font-size: 20px;
    line-height: 1.25;
    text-wrap: balance;
  }

  :is(html, body).creatine-product #product-detail-form .price-final-holder {
    font-size: 36px !important;
    line-height: 1.1;
  }

  :is(html, body).creatine-product .creatine-content-nav .content-nav-inner {
    justify-content: flex-start;
  }

  :is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  :is(html, body).creatine-product .creatine-option-benefits {
    gap: 5px 12px;
  }
}

@media (max-width: 430px) {
  :is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item {
    grid-template-columns: 1fr;
  }

  :is(html, body).creatine-product .creatine-option-price {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(html, body).creatine-product .creatine-quantity-table .quantity-discounts__item {
    transition-duration: .01ms !important;
  }
}


/* m3.css */
/* Puori M3 export, isolated to productId 51. */
:is(html, body).m3-product .m3-scope {
  color-scheme: light;
  --m3-accent: #006460;
  --m3-accent-dark: #004f4c;
  --m3-accent-soft: #e7f3f1;
  --m3-ink: #172321;
  --m3-muted: #667471;
  --m3-line: #d9e4e1;
  --m3-surface: #ffffff;
  --m3-soft: #f3f7f6;
  --m3-promo: #a53c2f;
  --m3-radius: 8px;
  --m3-content: 1220px;
}

:is(html, body).m3-product .m3-scope,
:is(html, body).m3-product .m3-scope * { box-sizing: border-box; }
:is(html, body).m3-product .m3-scope button { font: inherit; }
:is(html, body).m3-product .m3-scope a { color: inherit; }
:is(html, body).m3-product .m3-scope img { display: block; max-width: 100%; }
:is(html, body).m3-product .m3-scope button,
:is(html, body).m3-product .m3-scope a { -webkit-tap-highlight-color: transparent; }
:is(html, body).m3-product .content-nav { display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--m3-line); border-radius: var(--m3-radius); background: var(--m3-soft); scrollbar-width: none; }
:is(html, body).m3-product .content-nav::-webkit-scrollbar { display: none; }
:is(html, body).m3-product .content-nav a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--m3-line); border-radius: 6px; background: var(--m3-surface); color: var(--m3-accent); font-size: 14px; font-weight: 800; text-decoration: none; }
:is(html, body).m3-product .content-nav a.is-active { border-color: var(--m3-accent); background: var(--m3-accent); color: #fff; }
:is(html, body).m3-product .m3-scope .stars { color: #d58a14; letter-spacing: 1px; }
:is(html, body).m3-product .m3-scope .audience-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0 24px; }
:is(html, body).m3-product .m3-scope .audience-tags-intro { display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0 0 5px; color: var(--m3-muted); font-size: 14px; line-height: 1.35; }
:is(html, body).m3-product .m3-scope .audience-tags-intro strong { color: var(--m3-ink); font-size: 15px; }
:is(html, body).m3-product .m3-scope .audience-tags a { padding: 5px 9px; border: 1px solid var(--m3-line); border-radius: 4px; color: var(--m3-accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease; }
:is(html, body).m3-product .m3-scope .audience-tags a:hover,
:is(html, body).m3-product .m3-scope .audience-tags a:focus-visible { border-color: var(--m3-accent); background: var(--m3-accent-soft); }
:is(html, body).m3-product .m3-scope .quick-proof { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--m3-line); border-radius: var(--m3-radius); }
:is(html, body).m3-product .m3-scope .quick-proof a { display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none; }
:is(html, body).m3-product .m3-scope .quick-proof a:nth-child(2n + 1) { border-right: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .quick-proof a:nth-child(-n+2) { border-bottom: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .quick-proof strong { color: var(--m3-accent); font-size: 16px; }
:is(html, body).m3-product .m3-scope .quick-proof span { margin-top: 4px; color: var(--m3-muted); font-size: 14px; line-height: 1.35; }
:is(html, body).m3-product .m3-scope .women-insight { display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--m3-line); border-radius: var(--m3-radius); background: var(--m3-surface); text-decoration: none; }
:is(html, body).m3-product .m3-scope .women-insight img { width: 82px; height: 82px; object-fit: cover; object-position: 54% center; }
:is(html, body).m3-product .m3-scope .women-insight > span { display: flex; flex-direction: column; padding-block: 10px; }
:is(html, body).m3-product .m3-scope .women-insight strong { color: var(--m3-accent); font-size: 16px; }
:is(html, body).m3-product .m3-scope .women-insight small { margin-top: 3px; color: var(--m3-muted); font-size: 14px; line-height: 1.3; }
:is(html, body).m3-product .m3-scope .women-insight > b { padding-right: 16px; color: var(--m3-accent); font-size: 20px; }
:is(html, body).m3-product .m3-scope .batch-link-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin: 14px 0 24px; padding: 14px 16px; border-radius: var(--m3-radius); background: var(--m3-accent-soft); }
:is(html, body).m3-product .m3-scope .batch-link-row div { display: flex; flex-direction: column; }
:is(html, body).m3-product .m3-scope .batch-link-row strong { font-size: 15px; }
:is(html, body).m3-product .m3-scope .batch-link-row span { margin-top: 2px; color: var(--m3-muted); font-size: 14px; }
:is(html, body).m3-product .m3-scope .batch-link-row a { color: var(--m3-accent); font-weight: 800; text-underline-offset: 3px; }
:is(html, body).m3-product .m3-scope .story-section { margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .story-intro { display: grid; gap: 16px; margin-bottom: 30px; }
:is(html, body).m3-product .m3-scope .story-intro h2 { max-width: 18ch; margin: 0; font-size: clamp(38px, 5.5vw, 68px); line-height: .98; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .story-intro p { max-width: 60ch; margin: 0; color: var(--m3-muted); font-size: 18px; }
:is(html, body).m3-product .m3-scope .story-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 14px; }
:is(html, body).m3-product .m3-scope .performance-card { position: relative; overflow: hidden; min-height: 620px; border-radius: var(--m3-radius); color: #fff; }
:is(html, body).m3-product .m3-scope .performance-card img { width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
:is(html, body).m3-product .m3-scope .performance-card-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,18,.08) 20%, rgba(3,20,18,.88) 100%); }
:is(html, body).m3-product .m3-scope .performance-card-copy { position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px); }
:is(html, body).m3-product .m3-scope .performance-card-copy h3 { max-width: 14ch; margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -.045em; }
:is(html, body).m3-product .m3-scope .performance-card-copy p { max-width: 52ch; margin: 0 0 10px; font-size: 17px; }
:is(html, body).m3-product .m3-scope .performance-card-copy small { display: block; max-width: 55ch; color: rgba(255,255,255,.78); font-size: 14px; }
:is(html, body).m3-product .m3-scope .story-facts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
:is(html, body).m3-product .m3-scope .story-fact { display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--m3-radius); background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .story-fact-primary { min-height: 250px; background: var(--m3-accent); color: #fff; }
:is(html, body).m3-product .m3-scope .story-fact-wide { grid-column: 1 / -1; min-height: 190px; }
:is(html, body).m3-product .m3-scope .story-fact > span { color: var(--m3-muted); font-size: 14px; font-weight: 700; }
:is(html, body).m3-product .m3-scope .story-fact-primary > span { color: #cbe5e2; }
:is(html, body).m3-product .m3-scope .story-fact > strong { margin: 8px 0 4px; color: var(--m3-accent); font-size: clamp(54px, 7vw, 84px); line-height: .9; letter-spacing: -.06em; }
:is(html, body).m3-product .m3-scope .story-fact-primary > strong { color: #fff; }
:is(html, body).m3-product .m3-scope .story-fact p { margin: 6px 0 0; color: var(--m3-muted); }
:is(html, body).m3-product .m3-scope .story-fact-primary p { color: #d8ecea; }
:is(html, body).m3-product .m3-scope .section-heading { display: grid; gap: 15px; margin-bottom: 30px; }
:is(html, body).m3-product .m3-scope .section-heading h2 { max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .section-heading p { max-width: 64ch; margin: 0; color: var(--m3-muted); font-size: 18px; }

:is(html, body).m3-product .m3-scope .comparison-section,
:is(html, body).m3-product .m3-scope .routine-section,
:is(html, body).m3-product .m3-scope .audience-section,
:is(html, body).m3-product .m3-scope .research-voices,
:is(html, body).m3-product .m3-scope .video-section,
:is(html, body).m3-product .m3-scope .faq-section,
:is(html, body).m3-product .m3-scope .reviews-section,
:is(html, body).m3-product .m3-scope .final-cta { margin-top: 72px; }
:is(html, body).m3-product .m3-scope .comparison-section { margin-top: 18px; padding: 54px 0 0; border-top: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .comparison-table { display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--m3-line); border-radius: var(--m3-radius); }
:is(html, body).m3-product .m3-scope .comparison-head { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--m3-line); text-align: center; }
:is(html, body).m3-product .m3-scope .comparison-head:not(:last-child),
:is(html, body).m3-product .m3-scope .comparison-label,
:is(html, body).m3-product .m3-scope .comparison-value-puori { border-right: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .comparison-head-puori { background: var(--m3-accent-soft); }
:is(html, body).m3-product .m3-scope .comparison-head-puori img { width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain; }
:is(html, body).m3-product .m3-scope .comparison-head-other { background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .comparison-head-other img { width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain; }
:is(html, body).m3-product .m3-scope .comparison-head strong { max-width: 20ch; }
:is(html, body).m3-product .m3-scope .comparison-label,
:is(html, body).m3-product .m3-scope .comparison-value { display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .comparison-label { font-weight: 800; }
:is(html, body).m3-product .m3-scope .comparison-value { color: var(--m3-muted); }
:is(html, body).m3-product .m3-scope .comparison-value-puori { background: #f5faf9; color: var(--m3-accent); font-weight: 800; }
:is(html, body).m3-product .m3-scope .comparison-note { margin: 12px 0 0; color: var(--m3-muted); font-size: 14px; }
:is(html, body).m3-product .m3-scope .comparison-scroll-hint { display: none; margin: 10px 0 0; color: var(--m3-accent); font-size: 14px; font-weight: 800; }
:is(html, body).m3-product .m3-scope .creapure-explainer { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: clamp(28px,5vw,68px); margin-top: 22px; padding: clamp(24px,4vw,42px); border: 1px solid var(--m3-line); border-radius: var(--m3-radius); background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .creapure-explainer span { color: var(--m3-accent); font-size: 14px; font-weight: 800; }
:is(html, body).m3-product .m3-scope .creapure-explainer h3 { max-width: 15ch; margin: 8px 0 0; font-size: clamp(28px,3vw,42px); line-height: 1.05; letter-spacing: -.035em; }
:is(html, body).m3-product .m3-scope .creapure-explainer p { max-width: 68ch; margin: 0; color: var(--m3-muted); }
:is(html, body).m3-product .m3-scope .creapure-explainer p + p { margin-top: 16px; }
:is(html, body).m3-product .m3-scope .creapure-explainer p strong { color: var(--m3-ink); }

:is(html, body).m3-product .m3-scope .testing-section { margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--m3-radius); background: var(--m3-accent); color: #fff; }
:is(html, body).m3-product .m3-scope .testing-header { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start; }
:is(html, body).m3-product .m3-scope .testing-header p { margin: 0 0 8px; color: #bfe4df; font-weight: 800; }
:is(html, body).m3-product .m3-scope .testing-header h2 { max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .testing-header img { width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee; }
:is(html, body).m3-product .m3-scope .testing-lead { max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px; }
:is(html, body).m3-product .m3-scope .test-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25); }
:is(html, body).m3-product .m3-scope .test-results div { display: flex; flex-direction: column; min-height: 110px; padding: 18px; background: rgba(0,46,43,.64); }
:is(html, body).m3-product .m3-scope .test-results span { color: #cde7e4; }
:is(html, body).m3-product .m3-scope .test-results strong { margin-top: auto; color: #fff; font-size: 22px; }
:is(html, body).m3-product .m3-scope .testing-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px; }
:is(html, body).m3-product .m3-scope .testing-actions { display: flex; align-items: center; gap: 22px; }
:is(html, body).m3-product .m3-scope .testing-actions > a:not(.button) { color: #fff; font-weight: 800; text-underline-offset: 4px; }
:is(html, body).m3-product .m3-scope .testing-batches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
:is(html, body).m3-product .m3-scope .testing-batches article { display: flex; min-height: 104px; flex-direction: column; padding: 15px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; background: rgba(0,46,43,.48); }
:is(html, body).m3-product .m3-scope .testing-batches article span,
:is(html, body).m3-product .m3-scope .testing-batches article small { color: #d8efec; }
:is(html, body).m3-product .m3-scope .testing-batches article strong { margin: auto 0 3px; color: #fff; font-size: 21px; }
:is(html, body).m3-product .m3-scope .testing-batches > p { grid-column: 1 / -1; margin: 0; color: #cfe7e4; font-size: 13px; }
:is(html, body).m3-product .m3-scope .testing-batches > p strong { color: #fff; }
:is(html, body).m3-product .m3-scope .testing-ai { display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48); }
:is(html, body).m3-product .m3-scope .testing-ai p { margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25; }
:is(html, body).m3-product .m3-scope .testing-ai-actions { display: flex; gap: 8px; }
:is(html, body).m3-product .m3-scope .testing-ai-actions a { --provider-color: #111; --provider-surface: #fff; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none; transition: background-color 160ms cubic-bezier(.23,1,.32,1), transform 140ms cubic-bezier(.23,1,.32,1); }
:is(html, body).m3-product .m3-scope .testing-ai-actions a[data-ai-provider="chatgpt"] { --provider-color: #111; --provider-surface: #f4f4f4; }
:is(html, body).m3-product .m3-scope .testing-ai-actions a[data-ai-provider="google-ai"] { --provider-color: #7558e8; --provider-surface: #f3efff; }
:is(html, body).m3-product .m3-scope .testing-ai-actions a:hover,
:is(html, body).m3-product .m3-scope .testing-ai-actions a:focus-visible { background: rgba(255,255,255,.18); outline: none; }
:is(html, body).m3-product .m3-scope .testing-ai-actions a:focus-visible { box-shadow: 0 0 0 3px #9fd9d3; }
:is(html, body).m3-product .m3-scope .testing-ai-actions a:active { transform: translateY(1px); }
:is(html, body).m3-product .m3-scope .ai-provider-icon { display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border: 1px solid color-mix(in srgb, var(--provider-color) 24%, transparent); border-radius: 50%; background: var(--provider-surface); object-fit: contain; }
:is(html, body).m3-product .m3-scope .ai-provider-name { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
:is(html, body).m3-product .m3-scope .button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none; }
:is(html, body).m3-product .m3-scope .button-light { background: #fff; color: var(--m3-accent); }

:is(html, body).m3-product .m3-scope .routine-section { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--m3-radius); background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .routine-photo img { width: 100%; height: 100%; object-fit: cover; }
:is(html, body).m3-product .m3-scope .routine-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,6vw,76px); }
:is(html, body).m3-product .m3-scope .routine-content h2 { max-width: 11ch; margin: 0 0 18px; font-size: clamp(42px,5vw,66px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .routine-content > p { max-width: 50ch; margin: 0 0 28px; color: var(--m3-muted); font-size: 17px; }
:is(html, body).m3-product .m3-scope .routine-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--m3-line); border-radius: 6px; background: var(--m3-line); }
:is(html, body).m3-product .m3-scope .routine-steps article { display: flex; flex-direction: column; min-height: 112px; padding: 17px; background: var(--m3-surface); }
:is(html, body).m3-product .m3-scope .routine-steps strong { color: var(--m3-accent); }
:is(html, body).m3-product .m3-scope .routine-steps span { margin-top: 5px; color: var(--m3-muted); font-size: 14px; }
:is(html, body).m3-product .m3-scope .routine-content > a { align-self: flex-start; margin-top: 24px; color: var(--m3-accent); font-weight: 800; text-underline-offset: 4px; }

:is(html, body).m3-product .m3-scope .situations-panel { display: grid; grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr); gap: clamp(28px,5vw,66px); padding: clamp(28px,5vw,58px); border-radius: var(--m3-radius); background: var(--m3-accent); color: #fff; }
:is(html, body).m3-product .m3-scope .situations-panel-copy { display: flex; flex-direction: column; justify-content: center; }
:is(html, body).m3-product .m3-scope .situations-panel-copy p { margin: 0 0 10px; color: #a9dfda; font-size: 14px; font-weight: 800; }
:is(html, body).m3-product .m3-scope .situations-panel-copy h2 { max-width: 12ch; margin: 0 0 18px; color: #fff; font-size: clamp(38px,4.6vw,60px); line-height: .98; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .situations-panel-copy span { max-width: 42ch; color: #d3e9e6; }
:is(html, body).m3-product .m3-scope .audience-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; align-self: stretch; overflow: hidden; background: rgba(255,255,255,.3); }
:is(html, body).m3-product .m3-scope .audience-grid a { display: flex; min-height: 190px; flex-direction: column; justify-content: flex-end; padding: 20px; background: rgba(0,51,48,.82); color: #fff; text-decoration: none; transition: background-color 160ms ease, transform 160ms ease; }
:is(html, body).m3-product .m3-scope .audience-grid a:hover,
:is(html, body).m3-product .m3-scope .audience-grid a:focus-visible { background: rgba(0,43,40,.96); }
:is(html, body).m3-product .m3-scope .audience-grid a:active { transform: translateY(1px); }
:is(html, body).m3-product .m3-scope .audience-grid small { margin-bottom: auto; color: #9edbd5; font-size: 14px; font-weight: 800; }
:is(html, body).m3-product .m3-scope .audience-grid strong { max-width: 26ch; margin-top: 14px; color: #fff; font-size: 20px; line-height: 1.18; }
:is(html, body).m3-product .m3-scope .audience-grid span { max-width: 38ch; margin-top: 8px; color: #d3e9e6; font-size: 14px; line-height: 1.42; }
:is(html, body).m3-product .m3-scope .audience-grid b { margin-top: 14px; color: #9edbd5; font-size: 14px; }

:is(html, body).m3-product .m3-scope .research-voices { margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .research-voice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
:is(html, body).m3-product .m3-scope .research-voice-grid article { display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--m3-line); border-radius: var(--m3-radius); background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .research-voice-grid img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
:is(html, body).m3-product .m3-scope .research-voice-grid .research-voice-rhonda { object-position: 78% center; }
:is(html, body).m3-product .m3-scope .research-voice-grid article > div { display: flex; flex-direction: column; padding: 28px; }
:is(html, body).m3-product .m3-scope .research-voice-grid span { color: var(--m3-accent); font-size: 14px; font-weight: 800; }
:is(html, body).m3-product .m3-scope .research-voice-grid blockquote { margin: 20px 0; font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em; }
:is(html, body).m3-product .m3-scope .research-voice-message { margin: 20px 0; color: var(--m3-ink); font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em; }
:is(html, body).m3-product .m3-scope .research-voice-grid strong { margin-top: auto; }
:is(html, body).m3-product .m3-scope .research-voice-grid small { margin-top: 5px; color: var(--m3-muted); font-size: 14px; }
:is(html, body).m3-product .m3-scope .research-voice-grid a { margin-top: 13px; color: var(--m3-accent); font-weight: 800; text-underline-offset: 4px; }

:is(html, body).m3-product .m3-scope .video-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--m3-accent) var(--m3-line); }
:is(html, body).m3-product .m3-scope .video-card { position: relative; overflow: hidden; min-height: 500px; padding: 0; border: 0; border-radius: var(--m3-radius); background: var(--m3-ink); color: #fff; cursor: pointer; scroll-snap-align: start; text-align: left; }
:is(html, body).m3-product .m3-scope .video-card img { width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform 240ms cubic-bezier(.22,1,.36,1); }
:is(html, body).m3-product .m3-scope .video-card:first-child img,
:is(html, body).m3-product .m3-scope .video-card:last-child img { object-position: center; transform: scale(1.35); }
:is(html, body).m3-product .m3-scope .video-card:first-child:hover img,
:is(html, body).m3-product .m3-scope .video-card:last-child:hover img { transform: scale(1.38); }
:is(html, body).m3-product .m3-scope .video-card:hover img { transform: scale(1.02); }
:is(html, body).m3-product .m3-scope .video-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,20,18,.88) 100%); }
:is(html, body).m3-product .m3-scope .play-icon { position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; background: rgba(0,50,47,.6); font-size: 18px; }
:is(html, body).m3-product .m3-scope .video-copy { position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column; }
:is(html, body).m3-product .m3-scope .video-copy strong { color: #fff; font-size: 22px; line-height: 1.15; }
:is(html, body).m3-product .m3-scope .video-copy small { margin-top: 6px; color: rgba(255,255,255,.76); font-size: 14px; }
:is(html, body).m3-product .video-dialog { width: min(94vw,520px); margin: auto; padding: 0; border: 0; border-radius: var(--m3-radius); background: #081a18; color: #fff; box-shadow: 0 28px 90px rgba(0,0,0,.35); }
:is(html, body).m3-product .video-dialog::backdrop { background: rgba(4,16,15,.78); }
:is(html, body).m3-product .m3-scope .video-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 16px; }
:is(html, body).m3-product .m3-scope .video-dialog-header button { min-height: 40px; padding: 0 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; background: transparent; color: #fff; cursor: pointer; }
:is(html, body).m3-product .video-dialog video,
:is(html, body).m3-product .video-dialog iframe { display: block; width: 100%; max-height: 78vh; border: 0; background: #000; }
:is(html, body).m3-product .video-dialog iframe { aspect-ratio: 9 / 16; max-height: 78vh; margin-inline: auto; }
:is(html, body).m3-product .video-dialog [hidden] { display: none; }

:is(html, body).m3-product .m3-scope .faq-section { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .faq-side { position: sticky; top: 24px; }
:is(html, body).m3-product .m3-scope .faq-side h2 { max-width: 11ch; margin: 0 0 16px; font-size: clamp(42px,5vw,64px); line-height: 1; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .faq-side p { max-width: 32ch; color: var(--m3-muted); }
:is(html, body).m3-product .m3-scope .faq-side a { color: var(--m3-accent); font-weight: 800; text-underline-offset: 4px; }
:is(html, body).m3-product .m3-scope .faq-list details { border-bottom: 1px solid var(--m3-line); }
:is(html, body).m3-product .m3-scope .faq-list summary { position: relative; padding: 20px 42px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none; }
:is(html, body).m3-product .m3-scope .faq-list summary::-webkit-details-marker { display: none; }
:is(html, body).m3-product .m3-scope .faq-list summary::after { content: "+"; position: absolute; top: 18px; right: 4px; color: var(--m3-accent); font-size: 24px; line-height: 1; }
:is(html, body).m3-product .m3-scope .faq-list details[open] summary::after { content: "−"; }
:is(html, body).m3-product .m3-scope .faq-list details p { max-width: 68ch; margin: -3px 0 20px; color: var(--m3-muted); }

:is(html, body).m3-product .m3-scope .reviews-section { display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--m3-radius); background: var(--m3-accent-soft); }
:is(html, body).m3-product .m3-scope .reviews-summary { display: flex; flex-direction: column; justify-content: center; }
:is(html, body).m3-product .m3-scope .reviews-summary > strong { margin: 0 0 4px; color: var(--m3-accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em; }
:is(html, body).m3-product .m3-scope .reviews-summary p { margin: 8px 0 0; color: var(--m3-muted); }
:is(html, body).m3-product .m3-scope .reviews-summary-stars { margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em; }
:is(html, body).m3-product .m3-scope .reviews-content h2 { margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em; }
:is(html, body).m3-product .m3-scope .review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
:is(html, body).m3-product .m3-scope .review-grid blockquote { display: flex; flex-direction: column; min-height: 220px; margin: 0; padding: 20px; border-radius: 6px; background: #fff; }
:is(html, body).m3-product .m3-scope .review-stars { display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em; }
:is(html, body).m3-product .m3-scope .review-grid p { margin: 0; color: #33403e; font-size: 16px; font-weight: 600; }
:is(html, body).m3-product .m3-scope .review-grid footer { display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--m3-muted); font-size: 14px; }
:is(html, body).m3-product .m3-scope .review-grid footer a { color: var(--m3-muted); font-weight: 700; text-underline-offset: 3px; }
:is(html, body).m3-product .m3-scope .review-grid footer small { margin-top: 3px; color: var(--m3-muted); font-size: 13px; }
:is(html, body).m3-product .m3-scope .reviews-all-link { display: inline-flex; width: fit-content; margin-top: 18px; color: var(--m3-accent); font-weight: 800; text-underline-offset: 3px; }

:is(html, body).m3-product .m3-scope .faq-awards { margin-top: 30px; padding: 18px; border: 1px solid var(--m3-line); border-radius: var(--m3-radius); background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .faq-awards > p { margin: 0 0 14px; color: var(--m3-muted); font-size: 14px; font-weight: 800; letter-spacing: .03em; }
:is(html, body).m3-product .m3-scope .faq-awards-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center; }
:is(html, body).m3-product .m3-scope .faq-awards-grid img { width: 100%; max-height: 70px; object-fit: contain; }
:is(html, body).m3-product .m3-scope .faq-awards-grid .vegan-award { grid-column: 1 / -1; justify-self: center; width: min(100%, 118px); max-height: 72px; }

:is(html, body).m3-product .m3-scope .methodology-note { margin-top: 18px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9; }
:is(html, body).m3-product .m3-scope .methodology-note summary { position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
:is(html, body).m3-product .m3-scope .methodology-note summary::-webkit-details-marker { display: none; }
:is(html, body).m3-product .m3-scope .methodology-note summary::after { content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1; }
:is(html, body).m3-product .m3-scope .methodology-note details[open] summary::after { content: "−"; }
:is(html, body).m3-product .m3-scope .methodology-note details > div { padding: 0 0 15px; }
:is(html, body).m3-product .m3-scope .methodology-note p { max-width: none; margin: 6px 0; color: var(--m3-muted); font-size: 12px; line-height: 1.42; }
:is(html, body).m3-product .m3-scope .methodology-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; }
:is(html, body).m3-product .m3-scope .methodology-links a { color: var(--m3-accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px; }
:is(html, body).m3-product .m3-scope .methodology-note small { display: block; margin-top: 10px; color: var(--m3-muted); font-size: 11px; }

@media (min-width: 861px) {
  :is(html, body).m3-product .m3-scope .reviews-summary > strong { font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap; }}

:is(html, body).m3-product .m3-scope .final-cta { position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--m3-radius); color: #fff; }
:is(html, body).m3-product .m3-scope .final-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
:is(html, body).m3-product .m3-scope .final-cta-scrim { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,27,25,.94) 0%,rgba(3,27,25,.72) 48%,rgba(3,27,25,.12) 100%); }
:is(html, body).m3-product .m3-scope .final-cta-copy { position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px); }
:is(html, body).m3-product .m3-scope .final-cta-copy h2 { margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em; }
:is(html, body).m3-product .m3-scope .final-cta-copy p { margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px; }

@media (max-width: 860px) {
  :is(html, body).m3-product .content-nav { justify-content: flex-start; margin: 32px 16px 0; }
  :is(html, body).m3-product .m3-scope .quick-proof a { min-height: 82px; padding: 13px; }
  :is(html, body).m3-product .m3-scope .women-insight { grid-template-columns: 78px 1fr auto; }
  :is(html, body).m3-product .m3-scope .women-insight img { width: 78px; height: 100%; min-height: 92px; }
  :is(html, body).m3-product .m3-scope .batch-link-row { margin-bottom: 21px; }
  :is(html, body).m3-product .m3-scope .story-section { margin: 16px 16px 0; padding-top: 36px; }
  :is(html, body).m3-product .m3-scope .story-intro { margin-bottom: 22px; }
  :is(html, body).m3-product .m3-scope .story-intro h2 { font-size: 42px; }
  :is(html, body).m3-product .m3-scope .story-intro p { font-size: 16px; }
  :is(html, body).m3-product .m3-scope .story-grid { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .performance-card { min-height: 560px; }
  :is(html, body).m3-product .m3-scope .story-facts { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .story-fact-primary,
:is(html, body).m3-product .m3-scope .story-fact-wide { grid-column: auto; }
  :is(html, body).m3-product .m3-scope .story-fact-primary { min-height: 260px; }
  :is(html, body).m3-product .m3-scope .story-fact { min-height: 190px; padding: 20px; }
  :is(html, body).m3-product .m3-scope .story-fact-wide { min-height: 180px; }
  :is(html, body).m3-product .m3-scope .story-fact > strong { font-size: 60px; }
  :is(html, body).m3-product .m3-scope .comparison-section,
:is(html, body).m3-product .m3-scope .routine-section,
:is(html, body).m3-product .m3-scope .audience-section,
:is(html, body).m3-product .m3-scope .research-voices,
:is(html, body).m3-product .m3-scope .video-section,
:is(html, body).m3-product .m3-scope .faq-section,
:is(html, body).m3-product .m3-scope .reviews-section,
:is(html, body).m3-product .m3-scope .final-cta { margin: 52px 16px 0; }
  :is(html, body).m3-product .m3-scope .comparison-section { margin-top: 16px; padding-top: 36px; }
  :is(html, body).m3-product .m3-scope .section-heading { margin-bottom: 22px; }
  :is(html, body).m3-product .m3-scope .section-heading h2 { font-size: 42px; }
  :is(html, body).m3-product .m3-scope .section-heading p { font-size: 16px; }
  :is(html, body).m3-product .m3-scope .comparison-table { grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto; }
  :is(html, body).m3-product .m3-scope .comparison-scroll-hint { display: block; }
  :is(html, body).m3-product .m3-scope .comparison-head { min-height: 180px; padding: 14px 10px; font-size: 14px; }
  :is(html, body).m3-product .m3-scope .comparison-head-puori img,
:is(html, body).m3-product .m3-scope .comparison-head-other img { width: 92px; height: 92px; margin-bottom: 10px; }
  :is(html, body).m3-product .m3-scope .comparison-label,
:is(html, body).m3-product .m3-scope .comparison-value { min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3; }
  :is(html, body).m3-product .m3-scope .creapure-explainer { grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; }
  :is(html, body).m3-product .m3-scope .creapure-explainer h3 { font-size: 32px; }
  :is(html, body).m3-product .m3-scope .testing-section { margin-top: 14px; padding: 28px 20px; }
  :is(html, body).m3-product .m3-scope .testing-header { grid-template-columns: 1fr 70px; gap: 14px; }
  :is(html, body).m3-product .m3-scope .testing-header h2 { font-size: 40px; }
  :is(html, body).m3-product .m3-scope .testing-header img { width: 70px; height: 70px; }
  :is(html, body).m3-product .m3-scope .testing-lead { font-size: 16px; }
  :is(html, body).m3-product .m3-scope .test-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(html, body).m3-product .m3-scope .test-results div { min-height: 100px; padding: 14px; }
  :is(html, body).m3-product .m3-scope .testing-footer { grid-template-columns: 1fr; gap: 18px; }
  :is(html, body).m3-product .m3-scope .testing-actions { align-items: stretch; flex-direction: column; gap: 14px; }
  :is(html, body).m3-product .m3-scope .testing-actions > a:not(.button) { text-align: center; }
  :is(html, body).m3-product .m3-scope .testing-ai { grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px; }
  :is(html, body).m3-product .m3-scope .routine-section { grid-template-columns: 1fr; min-height: 0; }
  :is(html, body).m3-product .m3-scope .routine-photo { height: 430px; }
  :is(html, body).m3-product .m3-scope .routine-content { padding: 30px 22px; }
  :is(html, body).m3-product .m3-scope .routine-content h2 { font-size: 43px; }
  :is(html, body).m3-product .m3-scope .situations-panel { grid-template-columns: 1fr; gap: 26px; margin-bottom: 18px; padding: 28px 20px; }
  :is(html, body).m3-product .m3-scope .situations-panel-copy h2 { font-size: 42px; }
  :is(html, body).m3-product .m3-scope .audience-grid { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .audience-grid a { min-height: 150px; padding: 20px; }
  :is(html, body).m3-product .m3-scope .video-grid { grid-auto-columns: minmax(250px,82vw); margin-right: -16px; }
  :is(html, body).m3-product .m3-scope .video-card { min-height: 470px; }
  :is(html, body).m3-product .m3-scope .research-voices { margin-top: 16px; padding-top: 36px; }
  :is(html, body).m3-product .m3-scope .research-voice-grid { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .research-voice-grid article { grid-template-columns: 126px 1fr; min-height: 330px; }
  :is(html, body).m3-product .m3-scope .research-voice-grid article > div { padding: 22px 18px; }
  :is(html, body).m3-product .m3-scope .faq-section { grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px; }
  :is(html, body).m3-product .m3-scope .faq-side { position: static; }
  :is(html, body).m3-product .m3-scope .faq-awards { display: none; }
  :is(html, body).m3-product .m3-scope .reviews-section { grid-template-columns: 1fr; padding: 28px 20px; }
  :is(html, body).m3-product .m3-scope .review-grid { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .review-grid blockquote { min-height: 0; }
  :is(html, body).m3-product .m3-scope .review-grid footer { margin-top: 10px; padding-top: 0; }
  :is(html, body).m3-product .m3-scope .methodology-note { margin: 16px 16px 0; padding: 0 15px; }
  :is(html, body).m3-product .m3-scope .final-cta { min-height: 590px; }
  :is(html, body).m3-product .m3-scope .final-cta-scrim { background: linear-gradient(180deg,rgba(3,27,25,.18) 15%,rgba(3,27,25,.94) 100%); }
  :is(html, body).m3-product .m3-scope .final-cta-copy { align-self: flex-end; width: 100%; padding: 28px 22px; }
  :is(html, body).m3-product .m3-scope .final-cta-copy h2 { font-size: 43px; }}

@media (max-width: 430px) {
  :is(html, body).m3-product .m3-scope .performance-card { min-height: 500px; }
  :is(html, body).m3-product .m3-scope .performance-card-copy h3 { font-size: 38px; }
  :is(html, body).m3-product .m3-scope .performance-card-copy p { font-size: 15px; line-height: 1.42; }
  :is(html, body).m3-product .m3-scope .performance-card-copy small { font-size: 14px; }
  :is(html, body).m3-product .m3-scope .story-facts { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .story-fact-primary,
:is(html, body).m3-product .m3-scope .story-fact-wide { grid-column: auto; }
  :is(html, body).m3-product .m3-scope .story-fact { min-height: 178px; }
  :is(html, body).m3-product .m3-scope .story-fact-primary { min-height: 230px; }
  :is(html, body).m3-product .m3-scope .routine-steps { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .routine-steps article { min-height: 0; padding: 18px 20px; }
  :is(html, body).m3-product .m3-scope .comparison-table { grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain; }
  :is(html, body).m3-product .m3-scope .comparison-head { min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22; }
  :is(html, body).m3-product .m3-scope .comparison-head-puori img,
:is(html, body).m3-product .m3-scope .comparison-head-other img { width: 64px; height: 64px; margin-bottom: 7px; }
  :is(html, body).m3-product .m3-scope .comparison-label,
:is(html, body).m3-product .m3-scope .comparison-value { min-width: 0; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere; }
  :is(html, body).m3-product .m3-scope .testing-header h2 { font-size: 36px; }
  :is(html, body).m3-product .m3-scope .testing-lead { margin-top: 18px; }
  :is(html, body).m3-product .m3-scope .testing-batches { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .testing-batches > p { grid-column: auto; }
  :is(html, body).m3-product .m3-scope .video-card { min-height: 440px; }
  :is(html, body).m3-product .m3-scope .research-voice-grid article { grid-template-columns: 1fr; }
  :is(html, body).m3-product .m3-scope .research-voice-grid img { height: 260px; }
  :is(html, body).m3-product .m3-scope .reviews-section { gap: 22px; padding: 23px 17px; }
  :is(html, body).m3-product .m3-scope .reviews-content h2 { margin-bottom: 17px; font-size: 36px; }
  :is(html, body).m3-product .m3-scope .review-grid blockquote { padding: 17px; }
  :is(html, body).m3-product .m3-scope .final-cta-copy h2 { font-size: 38px; }}
:is(html, body).m3-product .m3-scope .m3-local-proof img { object-position: 50% 28%; }
:is(html, body).m3-product .m3-scope .m3-performance-card img { object-position: 57% center; }
:is(html, body).m3-product .m3-scope .m3-formula-fact { justify-content: center; }
:is(html, body).m3-product .m3-scope .formula-dose-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 18px; overflow: hidden; border: 1px solid var(--m3-line); border-radius: 6px; background: var(--m3-line); }
:is(html, body).m3-product .m3-scope .formula-dose-grid > div { display: flex; min-width: 0; flex-direction: column; padding: 15px; background: var(--m3-surface); }
:is(html, body).m3-product .m3-scope .formula-dose-grid strong { color: var(--m3-accent); font-size: clamp(19px,2vw,25px); line-height: 1; }
:is(html, body).m3-product .m3-scope .formula-dose-grid small { margin-top: 6px; color: var(--m3-muted); font-size: 13px; }
:is(html, body).m3-product .m3-scope .m3-generic-pack > span { display: grid; width: 96px; height: 112px; margin-bottom: 12px; place-items: center; border-radius: 10px 10px 18px 18px; background: linear-gradient(180deg,#f9fbfb,#dfe8e6); color: #75827f; font-size: 30px; font-weight: 800; box-shadow: inset 0 0 0 1px #d3dddb; }
:is(html, body).m3-product .m3-scope .m3-forms-explainer { background: var(--m3-soft); }
:is(html, body).m3-product .m3-scope .section-kicker { margin: 0 0 10px; color: var(--m3-accent); font-size: 14px; font-weight: 800; }
:is(html, body).m3-product .m3-scope .m3-term { display: inline-block !important; color: inherit; font: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline dotted currentColor; text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap; cursor: help; }
:is(html, body).m3-product .m3-scope .comparison-value-text { min-width: 0; }
:is(html, body).m3-product .m3-scope .m3-term:focus-visible { border-radius: 2px; outline: 2px solid var(--m3-accent); outline-offset: 2px; }
:is(html, body).m3-product .m3-scope .video-card:first-child img { object-position: center; transform: none; }
:is(html, body).m3-product .m3-scope .video-card:first-child:hover img { transform: scale(1.02); }
:is(html, body).m3-product .m3-scope .video-card:nth-child(3) img { object-position: 50% 25%; }
:is(html, body).m3-product .m3-scope .video-card:nth-child(4) img { object-position: 62% center; }

@media (max-width: 860px) {
  :is(html, body).m3-product .m3-scope .formula-dose-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(html, body).m3-product .m3-scope .m3-performance-card img { object-position: 62% center; }}

@media (max-width: 430px) {
  :is(html, body).m3-product .m3-scope .formula-dose-grid > div { padding: 13px; }
  :is(html, body).m3-product .m3-scope .m3-generic-pack > span { width: 58px; height: 64px; margin-bottom: 7px; border-radius: 7px 7px 11px 11px; font-size: 20px; }}

:is(html, body).m3-product {
  --m3-ink: #172321;
  --m3-muted: #667471;
  --m3-line: #d9e4e1;
  --m3-line-strong: #b7cfca;
  --m3-surface: #ffffff;
  --m3-soft: #f3f7f6;
  --m3-tint: #e7f3f1;
  --m3-accent: #006460;
  --m3-positive: #16874b;
}

:is(html, body).m3-product .p-short-description .vice-info,
:is(html, body).m3-product .social-buttons-wrapper {
  display: none !important;
}

:is(html, body).m3-product #m3-short,
:is(html, body).m3-product #m3-long,
:is(html, body).m3-product .m3-content-nav,
:is(html, body).m3-product #m3-video-dialog {
  font-family: inherit !important;
}

:is(html, body).m3-product #m3-short {
  margin: 22px 0 6px;
  background: transparent;
}

:is(html, body).m3-product #m3-short .audience-tags { margin: 0 0 12px; }
:is(html, body).m3-product #m3-short .audience-tags-intro { margin-bottom: 6px; }
:is(html, body).m3-product #m3-short .quick-proof { margin-top: 0; }
:is(html, body).m3-product #m3-short .women-insight,
:is(html, body).m3-product #m3-short .batch-link-row { margin-top: 12px; }

:is(html, body).m3-product #m3-short .audience-tags a,
:is(html, body).m3-product #m3-short .quick-proof a,
:is(html, body).m3-product #m3-short .women-insight,
:is(html, body).m3-product #m3-short .batch-link-row a,
:is(html, body).m3-product .m3-content-nav a,
:is(html, body).m3-product #m3-long .audience-grid a,
:is(html, body).m3-product #m3-long .video-card,
:is(html, body).m3-product #m3-long .button {
  text-decoration: none !important;
}

:is(html, body).m3-product .p-detail > .m3-content-nav {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
}

:is(html, body).m3-product .m3-content-nav .content-nav-inner {
  display: flex;
  justify-content: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

:is(html, body).m3-product .m3-content-nav .content-nav-inner::-webkit-scrollbar { display: none; }
:is(html, body).m3-product .p-detail-tabs-wrapper .shp-tabs-row { display: none !important; }
:is(html, body).m3-product #description > .description-inner > h3:first-child { display: none; }
:is(html, body).m3-product #description .description-inner { max-width: none; padding-top: 0; }

:is(html, body).m3-product #m3-long {
  width: min(1220px, 100%);
  margin-inline: auto;
  background: transparent;
}

@media (min-width: 992px) {
  :is(html, body).m3-product #m3-long section[id],
  :is(html, body).m3-product #m3-long [id="ingredients"],
  :is(html, body).m3-product #m3-long [id="testing"],
  :is(html, body).m3-product #m3-long [id="reviews"],
  :is(html, body).m3-product #m3-long [id="videos"],
  :is(html, body).m3-product #m3-long [id="experts"],
  :is(html, body).m3-product #m3-long [id="faq"] {
    scroll-margin-top: 154px;
  }
}

:is(html, body).m3-product #product-detail-form .tpmove-variant-ui { scroll-margin-top: 96px; }
:is(html, body).m3-product #product-detail-form .m3-variant-ui {
  margin: 18px 0 20px;
  padding: 18px;
  border: 1px solid var(--m3-line-strong);
  border-radius: 8px;
  background: var(--m3-soft);
  box-shadow: none;
}

:is(html, body).m3-product #product-detail-form .m3-variant-ui .tpmove-variant-ui-title {
  margin-bottom: 4px;
  color: var(--m3-ink);
  font-size: 20px;
  font-weight: 800;
}

:is(html, body).m3-product #product-detail-form .m3-variant-ui .tpmove-variant-ui-subtitle {
  margin-bottom: 14px;
  color: var(--m3-muted);
  font-size: 14px;
}

:is(html, body).m3-product #product-detail-form .m3-variant-ui .tpmove-variant-cards {
  grid-template-columns: 1fr;
  gap: 18px;
}
:is(html, body).m3-product #product-detail-form .m3-variant-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 12px;
  min-height: 116px;
  padding: 16px;
  border: 1px solid var(--m3-line-strong);
  border-radius: 7px;
  background: var(--m3-surface);
  box-shadow: none;
}

:is(html, body).m3-product #product-detail-form .m3-variant-card:hover { transform: none; }
:is(html, body).m3-product #product-detail-form .m3-variant-card.is-active {
  border-color: var(--m3-accent);
  background: var(--m3-tint);
  box-shadow: 0 0 0 2px rgb(0 100 96 / .08);
}

:is(html, body).m3-product #product-detail-form .m3-variant-card.is-active::after {
  display: none !important;
  content: none !important;
}

:is(html, body).m3-product #product-detail-form .m3-variant-card .tpmove-variant-card-badge {
  position: absolute;
  top: -11px;
  left: 12px;
  margin: 0;
  border-radius: 4px;
  background: var(--m3-accent);
  color: #fff;
}

:is(html, body).m3-product #product-detail-form .m3-variant-card .tpmove-variant-card-name {
  margin: 0;
  color: var(--m3-ink);
  font-size: 18px;
  font-weight: 800;
}

:is(html, body).m3-product #product-detail-form .m3-variant-card .tpmove-variant-card-meta {
  grid-column: 1;
  margin: 0;
  color: var(--m3-muted);
  font-size: 14px;
}

:is(html, body).m3-product #product-detail-form .m3-variant-price {
  display: flex;
  grid-column: 2;
  grid-row: 1 / span 2;
  flex-direction: column;
  align-items: flex-end;
}

:is(html, body).m3-product #product-detail-form .m3-variant-total {
  color: var(--m3-ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

:is(html, body).m3-product #product-detail-form .m3-variant-daily {
  margin-top: 3px;
  color: var(--m3-muted);
  font-size: 14px;
}

:is(html, body).m3-product #product-detail-form .m3-variant-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin-top: 7px;
  padding-top: 9px;
  border-top: 1px solid var(--m3-line);
  color: var(--m3-positive);
  font-size: 14px;
  font-weight: 800;
}

:is(html, body).m3-product #m3-long .performance-card-copy h3,
:is(html, body).m3-product #m3-long .testing-header h2,
:is(html, body).m3-product #m3-long .situations-panel-copy h2,
:is(html, body).m3-product #m3-long .video-copy strong,
:is(html, body).m3-product #m3-long .final-cta-copy h2 {
  color: #fff !important;
}

:is(html, body).m3-product #m3-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;
}

:is(html, body).m3-product #m3-video-dialog video,
:is(html, body).m3-product #m3-video-dialog iframe {
  width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;
}

:is(html, body).m3-product.m3-video-open { overflow: hidden; }

@media (min-width: 768px) {
  :is(html, body).m3-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).m3-product .m3-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--m3-line);
    border-bottom: 1px solid var(--m3-line);
    background: transparent !important;
  }

  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__item {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__item:nth-child(even) { border-left: 1px solid var(--m3-line) !important; }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__item:nth-child(n+3) { border-top: 1px solid var(--m3-line) !important; }

  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--m3-ink) !important;
    text-decoration: none !important;
  }

  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__picture {
    display: grid !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    place-items: center;
    margin: 0 !important;
    background-size: contain !important;
  }

  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__content { min-width: 0; }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__title {
    display: block;
    color: var(--m3-ink);
    font-size: 15px;
    line-height: 1.25;
  }

:is(html, body).m3-product .m3-benefit-banner .benefitBanner__data {
    margin-top: 4px;
    color: var(--m3-muted);
    font-size: 14px;
    line-height: 1.35;
  }

  :is(html, body).m3-product .m3-amazon-score {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid #f0aa18;
    border-radius: 50%;
    background: #fffaf0;
    color: #e29400;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
  }
}

:is(html, body).m3-product .m3-term-tooltip {
  position: fixed;
  z-index: 100050;
  width: max-content;
  max-width: min(310px, calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid rgba(0,100,96,.24);
  border-radius: 6px;
  background: #123f3c;
  box-shadow: 0 8px 24px rgba(8,36,34,.18);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px);
  transition: opacity 80ms ease, transform 80ms ease, visibility 80ms;
  pointer-events: none;
}

:is(html, body).m3-product .m3-term-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 767px) {
  :is(html, body).m3-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).m3-product .m3-content-nav .content-nav-inner { justify-content: flex-start; }
  :is(html, body).m3-product .m3-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--m3-line);
    border-bottom: 1px solid var(--m3-line);
    background: transparent !important;
  }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__item {
    display: block !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__item:nth-child(even) { border-left: 1px solid var(--m3-line) !important; }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__item:nth-child(n+3) { border-top: 1px solid var(--m3-line) !important; }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 9px;
    align-items: center;
    min-height: 92px;
    padding: 11px 8px !important;
    color: var(--m3-ink) !important;
    text-decoration: none !important;
  }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__picture {
    display: grid !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    place-items: center;
    margin: 0 !important;
    background-size: contain !important;
  }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__content { min-width: 0; }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__title {
    display: block;
    color: var(--m3-ink);
    font-size: 13px;
    line-height: 1.25;
  }
  :is(html, body).m3-product .m3-benefit-banner .benefitBanner__data {
    margin-top: 3px;
    color: var(--m3-muted);
    font-size: 12px;
    line-height: 1.3;
  }
  :is(html, body).m3-product .m3-amazon-score {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #f0aa18;
    border-radius: 50%;
    background: #fffaf0;
    color: #e29400;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
  }
  :is(html, body).m3-product #product-detail-form .m3-variant-ui { margin-bottom: 18px; padding: 14px; }
  :is(html, body).m3-product #product-detail-form .m3-variant-ui .tpmove-variant-cards { grid-template-columns: 1fr; }
  :is(html, body).m3-product #product-detail-form .m3-variant-card { min-height: 104px; }
}

@media (max-width: 390px) {
  :is(html, body).m3-product #product-detail-form .m3-variant-card {
    grid-template-columns: 1fr;
  }
  :is(html, body).m3-product #product-detail-form .m3-variant-price {
    grid-column: 1;
    grid-row: auto;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(html, body).m3-product #product-detail-form .m3-variant-card { transition-duration: .01ms !important; }
}



/* sb3.css */
/* Puori SB3 export, isolated to productId 63. */
:is(html, body).sb3-product .sb3-scope { 
  --ink: #172423;
  --muted: #667674;
  --line: #c9dcda;
  --soft: #eef7f6;
  --accent: #006460;
  --accent-2: #00877f;
  --positive: #168548;
  --warning: #b64131;
  --white: #fff;
  --radius: 8px;
 }:is(html, body).sb3-product .eyebrow,
:is(html, body).sb3-product .micro-title {
  margin: 0;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}:is(html, body).sb3-product .audience-block { margin-top: 24px; }:is(html, body).sb3-product .audience-block .micro-title {
  color: var(--ink);
  letter-spacing: 0;
  text-transform: none;
}:is(html, body).sb3-product .audience-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}:is(html, body).sb3-product .audience-tags a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}:is(html, body).sb3-product .audience-tags a:hover,
:is(html, body).sb3-product .audience-tags a:focus-visible {
  border-color: var(--accent);
  background: var(--soft);
}:is(html, body).sb3-product .quick-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}:is(html, body).sb3-product .quick-proof a {
  display: flex;
  min-height: 96px;
  flex-direction: column;
  justify-content: center;
  padding: 15px 17px;
  text-decoration: none;
}:is(html, body).sb3-product .quick-proof a:nth-child(odd) { border-right: 1px solid var(--line); }:is(html, body).sb3-product .quick-proof a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }:is(html, body).sb3-product .quick-proof strong { color: var(--accent); font-size: 17px; }:is(html, body).sb3-product .quick-proof span { margin-top: 3px; color: var(--muted); font-size: 14px; }:is(html, body).sb3-product .content-nav {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 34px 0 20px;
  padding: 12px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f8fbfa;
}:is(html, body).sb3-product .content-nav a {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
}:is(html, body).sb3-product .content-nav a.is-active {
  border-color: var(--accent);
  color: #fff;
  background: var(--accent);
}



@media (max-width: 520px) {:is(html, body).sb3-product .audience-tags { display: grid; grid-template-columns: 1fr 1fr; }:is(html, body).sb3-product .audience-tags a { align-items: flex-start; font-size: 14px; line-height: 1.25; }:is(html, body).sb3-product .quick-proof a { min-height: 108px; padding: 13px; }:is(html, body).sb3-product .quick-proof strong { font-size: 16px; }:is(html, body).sb3-product .content-nav { justify-content: flex-start; margin-inline: -10px; border-inline: 0; border-radius: 0; }
}

@media (max-width: 376px) {:is(html, body).sb3-product .audience-tags { grid-template-columns: 1fr; }:is(html, body).sb3-product .quick-proof strong { font-size: 15px; }:is(html, body).sb3-product .quick-proof span { font-size: 14px; }
}:is(html, body).sb3-product .content-section {
  margin-top: 10px;
  scroll-margin-top: 92px;
}:is(html, body).sb3-product .content-section h2,
:is(html, body).sb3-product .final-cta h2 {
  margin: 8px 0 14px;
  font-size: clamp(32px, 4.2vw, 56px);
  line-height: 1.04;
  letter-spacing: -.035em;
}:is(html, body).sb3-product .content-section h3 { line-height: 1.22; }:is(html, body).sb3-product .content-section p { font-size: 16px; }:is(html, body).sb3-product .story-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 610px;
  overflow: hidden;
  border-radius: var(--radius);
  color: #fff;
  background: var(--accent);
}:is(html, body).sb3-product .story-hero__copy { padding: clamp(34px, 5vw, 70px); }:is(html, body).sb3-product .story-hero .eyebrow { color: #a9e7e2; }:is(html, body).sb3-product .story-hero h2 { max-width: 11ch; color: #fff; }:is(html, body).sb3-product .story-hero__copy > p:not(.eyebrow) { max-width: 58ch; color: #d9efed; }:is(html, body).sb3-product .story-hero > img { width: 100%; height: 100%; min-height: 610px; object-fit: cover; }:is(html, body).sb3-product .formula-numbers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 32px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
}:is(html, body).sb3-product .formula-numbers div { min-height: 112px; padding: 18px; }:is(html, body).sb3-product .formula-numbers div:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.22); }:is(html, body).sb3-product .formula-numbers div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.22); }:is(html, body).sb3-product .formula-numbers strong,
:is(html, body).sb3-product .formula-numbers span { display: block; }:is(html, body).sb3-product .formula-numbers strong { font-size: 25px; }:is(html, body).sb3-product .formula-numbers span { margin-top: 4px; color: #d9efed; font-size: 14px; line-height: 1.35; }:is(html, body).sb3-product .section-heading { max-width: 830px; padding: 48px 0 20px; }:is(html, body).sb3-product .section-heading > p:not(.eyebrow) { max-width: 66ch; color: var(--muted); }:is(html, body).sb3-product .strain-grid,
:is(html, body).sb3-product .use-case-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}:is(html, body).sb3-product .strain-grid article { min-height: 320px; padding: clamp(26px, 4vw, 48px); }:is(html, body).sb3-product .strain-grid article + article { border-left: 1px solid var(--line); }:is(html, body).sb3-product .strain-code { display: inline-flex; padding: 5px 9px; border-radius: 4px; color: #fff; background: var(--accent); font-weight: 800; }:is(html, body).sb3-product .sb3-term { display: inline-block; color: inherit; font: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline dotted currentColor; text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap; cursor: help; }:is(html, body).sb3-product .sb3-term:focus-visible { border-radius: 2px; outline: 2px solid var(--accent); outline-offset: 2px; }:is(html, body).sb3-product .strain-code.sb3-term { color: #fff; text-decoration-color: rgba(255,255,255,.75); }:is(html, body).sb3-product .sb3-term-tooltip { position: fixed; z-index: 100050; width: max-content; max-width: min(330px,calc(100vw - 24px)); padding: 9px 12px; border: 1px solid rgba(0,100,96,.24); border-radius: 6px; color: #fff; background: #123f3c; box-shadow: 0 8px 24px rgba(8,36,34,.18); font-size: 14px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity 80ms ease,transform 80ms ease,visibility 80ms; pointer-events: none; }:is(html, body).sb3-product .sb3-term-tooltip.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }:is(html, body).sb3-product .strain-grid h3 { max-width: 24ch; margin: 52px 0 12px; font-size: clamp(23px, 2.3vw, 32px); }:is(html, body).sb3-product .strain-grid p { color: var(--muted); }:is(html, body).sb3-product .strain-grid a,
:is(html, body).sb3-product .text-link { color: var(--accent); font-weight: 800; text-underline-offset: 3px; }:is(html, body).sb3-product .vitamin-section {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 26px;
  padding: clamp(34px, 5vw, 66px);
  border-radius: var(--radius);
  background: linear-gradient(130deg, #e7f5f3 0%, #f8fbfa 100%);
}:is(html, body).sb3-product .vitamin-section > div:first-child p:not(.eyebrow) { max-width: 65ch; color: var(--muted); }:is(html, body).sb3-product .fibre-card { display: flex; flex-direction: column; justify-content: center; padding: 26px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }:is(html, body).sb3-product .fibre-card > span { color: var(--accent); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }:is(html, body).sb3-product .fibre-card strong { padding: 8px 0; border-bottom: 1px solid #e3ecea; font-size: 20px; }:is(html, body).sb3-product .fibre-card small { margin-top: 12px; color: var(--muted); }:is(html, body).sb3-product .use-case-grid article { min-height: 210px; padding: 28px; }:is(html, body).sb3-product .use-case-grid article:nth-child(odd) { border-right: 1px solid var(--line); }:is(html, body).sb3-product .use-case-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }:is(html, body).sb3-product .use-case-grid article > span { color: var(--accent); font-size: 14px; font-weight: 800; }:is(html, body).sb3-product .use-case-grid h3 { margin: 36px 0 8px; font-size: 22px; }:is(html, body).sb3-product .use-case-grid p { margin: 0; color: var(--muted); }:is(html, body).sb3-product .routine-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 590px;
  overflow: hidden;
  border-radius: var(--radius);
  background: #eef5f4;
}:is(html, body).sb3-product .routine-section > img { width: 100%; height: 100%; min-height: 590px; object-fit: cover; object-position: center; }:is(html, body).sb3-product .routine-section__copy { align-self: center; padding: clamp(36px, 5vw, 68px); }:is(html, body).sb3-product .routine-section ol { margin: 28px 0 0; padding: 0; list-style: none; counter-reset: routine; }:is(html, body).sb3-product .routine-section li { position: relative; min-height: 74px; padding: 12px 0 12px 58px; border-top: 1px solid var(--line); counter-increment: routine; }:is(html, body).sb3-product .routine-section li::before { content: counter(routine); position: absolute; top: 13px; left: 0; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-weight: 800; }:is(html, body).sb3-product .routine-section li strong,
:is(html, body).sb3-product .routine-section li span { display: block; }:is(html, body).sb3-product .routine-section li span { margin-top: 2px; color: var(--muted); }:is(html, body).sb3-product .comparison { padding-top: 28px; }:is(html, body).sb3-product .comparison-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }:is(html, body).sb3-product .comparison table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; }:is(html, body).sb3-product .comparison th,
:is(html, body).sb3-product .comparison td { padding: 18px 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }:is(html, body).sb3-product .comparison tr:last-child th,
:is(html, body).sb3-product .comparison tr:last-child td { border-bottom: 0; }:is(html, body).sb3-product .comparison th:last-child,
:is(html, body).sb3-product .comparison td:last-child { border-right: 0; }:is(html, body).sb3-product .comparison thead th { background: #f6f9f8; font-size: 17px; }:is(html, body).sb3-product .comparison .is-puori { background: #e6f3f1; }:is(html, body).sb3-product .comparison td strong,
:is(html, body).sb3-product .comparison td small { display: block; }:is(html, body).sb3-product .comparison td strong { color: var(--accent); }:is(html, body).sb3-product .comparison td small { margin-top: 4px; color: var(--muted); }:is(html, body).sb3-product .comparison .text-link { display: inline-block; margin-top: 18px; }:is(html, body).sb3-product .testing { padding: clamp(30px, 5vw, 64px); border-radius: var(--radius); color: #fff; background: var(--accent); }:is(html, body).sb3-product .testing .eyebrow { color: #a9e7e2; }:is(html, body).sb3-product .testing__intro { display: grid; grid-template-columns: 1fr 180px; gap: 40px; align-items: start; }:is(html, body).sb3-product .testing__intro h2 { color: #fff; }:is(html, body).sb3-product .testing__intro p:not(.eyebrow) { max-width: 67ch; color: #d9efed; }:is(html, body).sb3-product .testing__intro img { width: 170px; height: 170px; object-fit: contain; border-radius: 6px; background: #dff3f0; }:is(html, body).sb3-product .batch-meta { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 28px; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; }:is(html, body).sb3-product .batch-meta div { min-height: 108px; padding: 18px; }:is(html, body).sb3-product .batch-meta div + div { border-left: 1px solid rgba(255,255,255,.25); }:is(html, body).sb3-product .batch-meta span,
:is(html, body).sb3-product .batch-meta strong { display: block; }:is(html, body).sb3-product .batch-meta span { color: #cde7e5; font-size: 14px; }:is(html, body).sb3-product .batch-meta strong { margin-top: 5px; font-size: 22px; }:is(html, body).sb3-product .pass-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 18px; }:is(html, body).sb3-product .pass-grid div { padding: 15px; border-radius: 5px; color: var(--ink); background: #fff; }:is(html, body).sb3-product .pass-grid span,
:is(html, body).sb3-product .pass-grid strong { display: block; }:is(html, body).sb3-product .pass-grid span { color: var(--muted); }:is(html, body).sb3-product .pass-grid strong { margin-top: 3px; color: var(--positive); }:is(html, body).sb3-product .testing-note { color: #cde7e5; font-size: 14px !important; }:is(html, body).sb3-product .testing-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-top: 24px; }:is(html, body).sb3-product .button-secondary,
:is(html, body).sb3-product .button-primary { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 10px 15px; border: 1px solid currentColor; border-radius: 5px; font-weight: 800; text-decoration: none; }:is(html, body).sb3-product .testing .button-secondary { color: #fff; }:is(html, body).sb3-product .ai-check { display: flex; flex: 1 1 330px; gap: 10px; align-items: center; justify-content: flex-end; padding: 9px 11px; border-radius: 5px; color: var(--ink); background: #fff; }:is(html, body).sb3-product .ai-check > span { margin-right: auto; }:is(html, body).sb3-product .ai-check strong,
:is(html, body).sb3-product .ai-check small { display: block; }:is(html, body).sb3-product .ai-check small { color: var(--muted); }:is(html, body).sb3-product .ai-check a { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 5px; }:is(html, body).sb3-product .ai-check img { width: 28px; height: 28px; }:is(html, body).sb3-product .reviews { display: grid; grid-template-columns: .75fr 1.7fr; gap: 18px; padding: clamp(30px, 5vw, 58px); border-radius: var(--radius); background: #e7f4f2; }:is(html, body).sb3-product .review-summary h2 { font-size: clamp(35px, 4vw, 52px); }:is(html, body).sb3-product .review-summary p { color: var(--muted); }:is(html, body).sb3-product .stars { color: #d98900; font-size: 25px; letter-spacing: 2px; }:is(html, body).sb3-product .review-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }:is(html, body).sb3-product .review-cards article { display: flex; min-height: 270px; flex-direction: column; padding: 24px; border-radius: 6px; background: #fff; }:is(html, body).sb3-product .review-cards blockquote { margin: 20px 0 24px; color: #34413f; font-size: 18px; font-weight: 600; line-height: 1.5; }:is(html, body).sb3-product .review-cards article > p { margin: auto 0 0; font-weight: 800; }:is(html, body).sb3-product .review-cards small { margin-top: 3px; color: var(--muted); }:is(html, body).sb3-product .video-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }:is(html, body).sb3-product .video-card { position: relative; display: flex; min-width: 0; min-height: 410px; overflow: hidden; flex-direction: column; justify-content: flex-end; padding: 20px; border: 0; border-radius: var(--radius); color: #fff; background: #0a3836; text-align: left; cursor: pointer; }:is(html, body).sb3-product .video-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0,27,25,.92) 100%); }:is(html, body).sb3-product .video-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }:is(html, body).sb3-product .video-card > *:not(img) { position: relative; z-index: 1; }:is(html, body).sb3-product .video-card .play { position: absolute; top: 16px; right: 16px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(0,42,39,.56); }:is(html, body).sb3-product .video-card strong { font-size: 20px; line-height: 1.2; }:is(html, body).sb3-product .video-card small { margin-top: 5px; color: #d7e7e5; }:is(html, body).sb3-product .faq-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(30px, 5vw, 68px); padding-top: 38px; }:is(html, body).sb3-product .faq-section aside h2 { max-width: 9ch; }:is(html, body).sb3-product .faq-trust { margin-top: 30px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #f7faf9; }:is(html, body).sb3-product .faq-trust img { width: 92px; height: 92px; object-fit: contain; }:is(html, body).sb3-product .faq-trust div { padding-top: 14px; }:is(html, body).sb3-product .faq-trust strong,
:is(html, body).sb3-product .faq-trust span { display: block; }:is(html, body).sb3-product .faq-trust span { margin-top: 3px; color: var(--muted); font-size: 14px; }:is(html, body).sb3-product .faq-list details { border-bottom: 1px solid var(--line); }:is(html, body).sb3-product .faq-list summary { position: relative; padding: 20px 40px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none; }:is(html, body).sb3-product .faq-list summary::-webkit-details-marker { display: none; }:is(html, body).sb3-product .faq-list summary::after { content: "+"; position: absolute; top: 17px; right: 5px; color: var(--accent); font-size: 24px; }:is(html, body).sb3-product .faq-list details[open] summary::after { content: "−"; }:is(html, body).sb3-product .faq-list details p { margin: 0 0 12px; color: var(--muted); }:is(html, body).sb3-product .faq-list details a { display: inline-block; margin: 0 16px 18px 0; color: var(--accent); font-weight: 800; }:is(html, body).sb3-product .final-cta { display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; overflow: hidden; border-radius: var(--radius); color: #fff; background: #002f2d; }:is(html, body).sb3-product .final-cta > div { align-self: center; padding: clamp(36px, 5vw, 68px); }:is(html, body).sb3-product .final-cta .eyebrow { color: #a9e7e2; }:is(html, body).sb3-product .final-cta h2 { color: #fff; }:is(html, body).sb3-product .final-cta p:not(.eyebrow) { color: #d1e7e4; }:is(html, body).sb3-product .final-cta img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }:is(html, body).sb3-product .button-primary { margin-top: 14px; color: var(--accent); background: #fff; }:is(html, body).sb3-product .method-note { margin-top: 18px; padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #f8faf9; }:is(html, body).sb3-product .method-note strong { color: var(--accent); }:is(html, body).sb3-product .method-note p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }:is(html, body).sb3-product .media-dialog { width: min(480px, calc(100% - 28px)); max-width: none; padding: 0; overflow: hidden; border: 0; border-radius: 8px; background: #071f1e; color: #fff; }:is(html, body).sb3-product .media-dialog::backdrop { background: rgba(2,19,18,.75); }:is(html, body).sb3-product .media-dialog__head { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 10px 16px; }:is(html, body).sb3-product .media-dialog__head button { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; color: #fff; background: transparent; font-size: 27px; cursor: pointer; }:is(html, body).sb3-product .media-dialog__body { display: grid; min-height: min(76vh, 680px); place-items: center; background: #000; }:is(html, body).sb3-product .media-dialog iframe { width: min(100%, 430px); height: min(76vh, 680px); border: 0; }:is(html, body).sb3-product .media-dialog video { display: block; max-width: 100%; max-height: 75vh; }

@media (max-width: 900px) {:is(html, body).sb3-product .story-hero,
:is(html, body).sb3-product .routine-section,
:is(html, body).sb3-product .final-cta { grid-template-columns: 1fr; }:is(html, body).sb3-product .story-hero > img,
:is(html, body).sb3-product .routine-section > img,
:is(html, body).sb3-product .final-cta img { min-height: 430px; max-height: 560px; }:is(html, body).sb3-product .vitamin-section { grid-template-columns: 1fr; }:is(html, body).sb3-product .reviews { grid-template-columns: 1fr; }:is(html, body).sb3-product .video-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }:is(html, body).sb3-product .video-card { flex: 0 0 min(72vw, 290px); scroll-snap-align: start; }:is(html, body).sb3-product .faq-section { grid-template-columns: 1fr; }:is(html, body).sb3-product .faq-section aside h2 { max-width: 14ch; }
}

@media (max-width: 520px) {:is(html, body).sb3-product .content-section { margin-top: 10px; scroll-margin-top: 120px; }:is(html, body).sb3-product .content-section h2,
:is(html, body).sb3-product .final-cta h2 { font-size: 34px; }:is(html, body).sb3-product .story-hero__copy,
:is(html, body).sb3-product .routine-section__copy,
:is(html, body).sb3-product .final-cta > div { padding: 28px 22px; }:is(html, body).sb3-product .story-hero > img,
:is(html, body).sb3-product .routine-section > img,
:is(html, body).sb3-product .final-cta img { min-height: 0; aspect-ratio: 1; }:is(html, body).sb3-product .formula-numbers { grid-template-columns: 1fr; }:is(html, body).sb3-product .formula-numbers div { min-height: 0; }:is(html, body).sb3-product .formula-numbers div:nth-child(odd) { border-right: 0; }:is(html, body).sb3-product .formula-numbers div:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.22); }:is(html, body).sb3-product .section-heading { padding: 30px 4px 14px; }:is(html, body).sb3-product .strain-grid,
:is(html, body).sb3-product .use-case-grid { grid-template-columns: 1fr; }:is(html, body).sb3-product .strain-grid article { min-height: 0; padding: 24px; }:is(html, body).sb3-product .strain-grid article + article { border-top: 1px solid var(--line); border-left: 0; }:is(html, body).sb3-product .strain-grid h3 { margin-top: 30px; font-size: 24px; }:is(html, body).sb3-product .vitamin-section { padding: 26px 20px; }:is(html, body).sb3-product .use-case-grid article { min-height: 0; padding: 22px; }:is(html, body).sb3-product .use-case-grid article:nth-child(odd) { border-right: 0; }:is(html, body).sb3-product .use-case-grid article:not(:last-child) { border-bottom: 1px solid var(--line); }:is(html, body).sb3-product .use-case-grid h3 { margin-top: 23px; }:is(html, body).sb3-product .comparison-scroll { margin-right: -10px; }:is(html, body).sb3-product .comparison table { min-width: 650px; }:is(html, body).sb3-product .comparison th,
:is(html, body).sb3-product .comparison td { padding: 15px; }:is(html, body).sb3-product .testing { padding: 28px 20px; }:is(html, body).sb3-product .testing__intro { grid-template-columns: 1fr 82px; gap: 12px; }:is(html, body).sb3-product .testing__intro img { width: 82px; height: 82px; }:is(html, body).sb3-product .batch-meta { grid-template-columns: 1fr; }:is(html, body).sb3-product .batch-meta div { min-height: 0; }:is(html, body).sb3-product .batch-meta div + div { border-top: 1px solid rgba(255,255,255,.25); border-left: 0; }:is(html, body).sb3-product .pass-grid { grid-template-columns: 1fr 1fr; }:is(html, body).sb3-product .testing-actions { flex-direction: column; }:is(html, body).sb3-product .ai-check { flex-basis: auto; }:is(html, body).sb3-product .review-cards { grid-template-columns: 1fr; }:is(html, body).sb3-product .review-cards article { min-height: 0; }:is(html, body).sb3-product .reviews { padding: 28px 20px; }:is(html, body).sb3-product .faq-section { padding-inline: 2px; }:is(html, body).sb3-product .faq-trust { display: grid; grid-template-columns: 72px 1fr; gap: 0 14px; }:is(html, body).sb3-product .faq-trust img { width: 72px; height: 72px; grid-row: 1 / 3; }:is(html, body).sb3-product .faq-trust div { padding-top: 0; }:is(html, body).sb3-product .media-dialog__body { min-height: min(72vh, 620px); }:is(html, body).sb3-product .media-dialog iframe { height: min(72vh, 620px); }
}:is(html, body).sb3-product .batch-link-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  margin: 14px 0 24px;
  padding: 14px 16px;
  border-radius: var(--radius);
  background: #e7f4f2;
}:is(html, body).sb3-product .batch-link-row div { display: flex; flex-direction: column; }:is(html, body).sb3-product .batch-link-row strong { font-size: 15px; }:is(html, body).sb3-product .batch-link-row span { margin-top: 2px; color: var(--muted); font-size: 14px; }:is(html, body).sb3-product .batch-link-row a { color: var(--accent); font-weight: 800; text-underline-offset: 3px; }:is(html, body).sb3-product .story-section {
  margin-top: 18px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}:is(html, body).sb3-product .story-intro { display: grid; gap: 16px; margin-bottom: 30px; }:is(html, body).sb3-product .story-intro h2 { max-width: 24ch; margin: 0; font-size: clamp(38px,5.5vw,68px); line-height: .98; letter-spacing: -.05em; }:is(html, body).sb3-product .story-intro h2 > span,
:is(html, body).sb3-product .performance-card-copy h3 > span,
:is(html, body).sb3-product .use-cases .section-heading h2 > span,
:is(html, body).sb3-product .research-voices .section-heading h2 > span { display: block; }:is(html, body).sb3-product .story-intro > p:last-child { max-width: 60ch; margin: 0; color: var(--muted); font-size: 18px; }:is(html, body).sb3-product .story-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); gap: 14px; }:is(html, body).sb3-product .performance-card { position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff; }:is(html, body).sb3-product .performance-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; }:is(html, body).sb3-product .performance-card-scrim { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,20,18,.05) 20%,rgba(3,20,18,.9) 100%); }:is(html, body).sb3-product .performance-card-copy { position: absolute; z-index: 2; right: clamp(24px,4vw,48px); bottom: clamp(26px,4vw,48px); left: clamp(24px,4vw,48px); }:is(html, body).sb3-product .performance-card-copy h3 { max-width: none; margin: 0 0 14px; color: #fff; font-size: clamp(34px,4.5vw,56px); line-height: 1; letter-spacing: -.045em; }:is(html, body).sb3-product .performance-card-copy p { max-width: 50ch; margin: 0; font-size: 17px; }:is(html, body).sb3-product .story-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }:is(html, body).sb3-product .story-fact { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; padding: 24px; border-radius: var(--radius); background: #f0f4f3; }:is(html, body).sb3-product .story-fact-primary { color: #fff; background: var(--accent); }:is(html, body).sb3-product .story-fact-wide { grid-column: 1 / -1; min-height: 190px; }:is(html, body).sb3-product .story-fact > span { color: var(--muted); font-size: 14px; font-weight: 700; }:is(html, body).sb3-product .story-fact-primary > span { color: #cbe5e2; }:is(html, body).sb3-product .story-fact > strong { margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em; }:is(html, body).sb3-product .story-fact-primary > strong { color: #fff; }:is(html, body).sb3-product .story-fact p { margin: 6px 0 0; color: var(--muted); }:is(html, body).sb3-product .story-fact-primary p { color: #d8ecea; }:is(html, body).sb3-product .strain-section,
:is(html, body).sb3-product .vitamin-section,
:is(html, body).sb3-product .use-cases,
:is(html, body).sb3-product .routine-section,
:is(html, body).sb3-product .reviews-section,
:is(html, body).sb3-product .videos,
:is(html, body).sb3-product .research-voices,
:is(html, body).sb3-product .faq-section,
:is(html, body).sb3-product .final-cta { margin-top: 40px; }:is(html, body).sb3-product .strain-section { padding-top: 28px; border-top: 1px solid var(--line); }:is(html, body).sb3-product .strain-grid article { background: #fff; }:is(html, body).sb3-product .vitamin-section { position: relative; background: #eef4f3; }:is(html, body).sb3-product .vitamin-link { grid-column: 1 / -1; }:is(html, body).sb3-product .use-case-grid article { background: #fff; }:is(html, body).sb3-product .routine-section { min-height: 720px; background: #f0f4f3; }:is(html, body).sb3-product .routine-section > img { min-height: 720px; }:is(html, body).sb3-product .routine-section__copy .eyebrow { margin-bottom: 12px; }:is(html, body).sb3-product .comparison-section { margin-top: 18px; padding: 28px 0 0; border-top: 1px solid var(--line); }:is(html, body).sb3-product .comparison-table { display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); }:is(html, body).sb3-product .comparison-head { display: flex; min-height: 220px; flex-direction: column; align-items: center; justify-content: flex-end; padding: 20px; border-bottom: 1px solid var(--line); text-align: center; }:is(html, body).sb3-product .comparison-head:not(:last-child),
:is(html, body).sb3-product .comparison-label,
:is(html, body).sb3-product .comparison-value-puori { border-right: 1px solid var(--line); }:is(html, body).sb3-product .comparison-head-puori { background: #e7f4f2; }:is(html, body).sb3-product .comparison-head-other { background: #f0f4f3; }:is(html, body).sb3-product .comparison-head img { width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain; }:is(html, body).sb3-product .comparison-head strong { max-width: 20ch; }:is(html, body).sb3-product .comparison-label,
:is(html, body).sb3-product .comparison-value { display: flex; min-height: 70px; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--line); }:is(html, body).sb3-product .comparison-label { font-weight: 800; }:is(html, body).sb3-product .comparison-value { color: var(--muted); }:is(html, body).sb3-product .comparison-value-puori { color: var(--accent); background: #f5faf9; font-weight: 800; }:is(html, body).sb3-product .comparison-note { margin: 12px 0 0; color: var(--muted); font-size: 14px; }:is(html, body).sb3-product .comparison-scroll-hint { display: none; margin: 10px 0 0; color: var(--accent); font-size: 14px; font-weight: 800; }:is(html, body).sb3-product .comparison-section > .text-link { display: inline-block; margin-top: 18px; }:is(html, body).sb3-product .testing-section { margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--radius); color: #fff; background: var(--accent); }:is(html, body).sb3-product .testing-header { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start; }:is(html, body).sb3-product .testing-header p { margin: 0 0 8px; color: #bfe4df; font-weight: 800; }:is(html, body).sb3-product .testing-header h2 { max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em; }:is(html, body).sb3-product .testing-header img { width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee; }:is(html, body).sb3-product .testing-lead { max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px; }:is(html, body).sb3-product .testing-summary { max-width: 66ch; margin: -10px 0 20px; color: #fff; }:is(html, body).sb3-product .testing-summary strong { color: #9ee6de; }:is(html, body).sb3-product .test-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25); }:is(html, body).sb3-product .test-results div { display: flex; min-height: 110px; flex-direction: column; padding: 18px; background: rgba(0,46,43,.64); }:is(html, body).sb3-product .test-results span { color: #cde7e4; }:is(html, body).sb3-product .test-results strong { margin-top: auto; color: #fff; font-size: 22px; }:is(html, body).sb3-product .testing-expiry { display: flex; gap: 18px; justify-content: space-between; margin: 14px 0 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; color: #d8efec; background: rgba(0,46,43,.48); font-size: 14px; }:is(html, body).sb3-product .testing-expiry strong { color: #fff; white-space: nowrap; }:is(html, body).sb3-product .testing-expiry-only { justify-content: flex-end; }:is(html, body).sb3-product .testing-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px; }:is(html, body).sb3-product .testing-actions { display: flex; gap: 22px; align-items: center; margin-top: 0; }:is(html, body).sb3-product .testing-actions > a:not(.button) { color: #fff; font-weight: 800; text-underline-offset: 4px; }:is(html, body).sb3-product .button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none; }:is(html, body).sb3-product .button-light { color: var(--accent); background: #fff; }:is(html, body).sb3-product .testing-ai { display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48); }:is(html, body).sb3-product .testing-ai p { margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25; }:is(html, body).sb3-product .testing-ai-actions { display: flex; gap: 8px; }:is(html, body).sb3-product .testing-ai-actions a { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none; }:is(html, body).sb3-product .ai-provider-icon { display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border-radius: 50%; background: #fff; object-fit: contain; }:is(html, body).sb3-product .reviews-section { display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: #e7f4f2; }:is(html, body).sb3-product .reviews-summary { display: flex; flex-direction: column; justify-content: center; }:is(html, body).sb3-product .reviews-summary > strong { margin: 0 0 4px; color: var(--accent); font-size: clamp(48px,4.6vw,66px); line-height: .9; letter-spacing: -.06em; }:is(html, body).sb3-product .reviews-summary p { margin: 8px 0 0; color: var(--muted); }:is(html, body).sb3-product .reviews-summary-stars { margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em; }:is(html, body).sb3-product .reviews-content h2 { margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em; }:is(html, body).sb3-product .review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }:is(html, body).sb3-product .review-grid blockquote { display: flex; min-height: 240px; flex-direction: column; margin: 0; padding: 20px; border-radius: 6px; background: #fff; }:is(html, body).sb3-product .review-stars { display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em; }:is(html, body).sb3-product .review-grid p { margin: 0; color: #33403e; font-size: 16px; font-weight: 600; }:is(html, body).sb3-product .review-grid footer { display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px; }:is(html, body).sb3-product .review-grid footer small { margin-top: 3px; color: var(--muted); font-size: 13px; }:is(html, body).sb3-product .research-voices { padding-top: 28px; border-top: 1px solid var(--line); }:is(html, body).sb3-product .research-voices > .section-heading { margin-bottom: 28px; }:is(html, body).sb3-product .research-voices > .section-heading { max-width: none; }:is(html, body).sb3-product .research-voices > .section-heading h2 { max-width: none; }:is(html, body).sb3-product .research-voice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }:is(html, body).sb3-product .research-voice-grid article { display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }:is(html, body).sb3-product .research-voice-grid img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }:is(html, body).sb3-product .research-voice-grid article > div { display: flex; flex-direction: column; padding: 28px; }:is(html, body).sb3-product .research-voice-grid span { color: var(--accent); font-size: 14px; font-weight: 800; }:is(html, body).sb3-product .research-quotes { display: grid; gap: 12px; margin: 18px 0 20px; }:is(html, body).sb3-product .research-voice-grid blockquote { margin: 0; color: var(--ink); font-size: clamp(18px,1.55vw,22px); line-height: 1.28; letter-spacing: -.018em; }:is(html, body).sb3-product .research-voice-grid blockquote strong { color: var(--accent); font-weight: 850; }:is(html, body).sb3-product .research-expert-name { margin-top: auto; }:is(html, body).sb3-product .research-voice-grid small { margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.4; }:is(html, body).sb3-product .research-voice-grid a { margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px; }:is(html, body).sb3-product .research-source-links { display: flex; flex-wrap: wrap; gap: 4px 16px; }:is(html, body).sb3-product .research-source-links a { display: inline-block; }:is(html, body).sb3-product .faq-section { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 28px; border-top: 1px solid var(--line); }:is(html, body).sb3-product .faq-side { position: sticky; top: 24px; }:is(html, body).sb3-product .faq-side h2 { max-width: none; margin: 0 0 16px; font-size: clamp(40px,4.4vw,58px); line-height: 1; letter-spacing: -.05em; }:is(html, body).sb3-product .faq-side h2 > span { display: block; white-space: nowrap; }:is(html, body).sb3-product .faq-side > p { max-width: 32ch; color: var(--muted); }:is(html, body).sb3-product .faq-awards { margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #f0f4f3; }:is(html, body).sb3-product .faq-awards > p { margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em; }:is(html, body).sb3-product .faq-awards-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center; }:is(html, body).sb3-product .faq-awards-grid img { width: 100%; max-height: 70px; object-fit: contain; }:is(html, body).sb3-product .faq-awards > small { display: block; margin-top: 14px; color: var(--muted); font-size: 12px; }:is(html, body).sb3-product .final-cta { position: relative; display: flex; min-height: 540px; align-items: center; overflow: hidden; border-radius: var(--radius); color: #fff; background: var(--accent); }:is(html, body).sb3-product .final-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center center; }:is(html, body).sb3-product .final-cta > .final-cta-scrim { position: absolute; inset: 0; width: 100%; height: 100%; align-self: stretch; box-sizing: border-box; padding: 0; background: linear-gradient(90deg,rgba(0,65,61,.98) 0%,rgba(0,65,61,.9) 34%,rgba(0,65,61,.38) 66%,rgba(0,65,61,.04) 100%); }:is(html, body).sb3-product .final-cta-copy { position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px); }:is(html, body).sb3-product .final-cta-copy h2 { margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em; }:is(html, body).sb3-product .final-cta-copy p:not(.eyebrow) { margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px; }:is(html, body).sb3-product .methodology-note { margin-top: 10px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9; }:is(html, body).sb3-product .methodology-note summary { position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }:is(html, body).sb3-product .methodology-note summary::-webkit-details-marker { display: none; }:is(html, body).sb3-product .methodology-note summary::after { content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1; }:is(html, body).sb3-product .methodology-note details[open] summary::after { content: "−"; }:is(html, body).sb3-product .methodology-note details > div { padding: 0 0 15px; }:is(html, body).sb3-product .methodology-note p { max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42; }:is(html, body).sb3-product .methodology-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; }:is(html, body).sb3-product .methodology-links a { color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px; }

@media (max-width: 900px) {:is(html, body).sb3-product .story-grid { grid-template-columns: 1fr; }:is(html, body).sb3-product .story-facts { grid-template-columns: 1fr; }:is(html, body).sb3-product .story-fact-wide { grid-column: auto; }:is(html, body).sb3-product .comparison-table { grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto; }:is(html, body).sb3-product .comparison-scroll-hint { display: block; }:is(html, body).sb3-product .testing-footer { grid-template-columns: 1fr; }:is(html, body).sb3-product .reviews-section { grid-template-columns: 1fr; }
}

@media (min-width: 901px) {:is(html, body).sb3-product .keep-line-desktop { white-space: nowrap; }:is(html, body).sb3-product .performance-card-copy h3 > span { white-space: nowrap; }:is(html, body).sb3-product .videos > .section-heading { max-width: none; }:is(html, body).sb3-product .videos > .section-heading h2 { max-width: none; }:is(html, body).sb3-product .use-cases > .section-heading { max-width: none; }
}

@media (max-width: 520px) {:is(html, body).sb3-product .story-section { margin-top: 16px; padding-top: 24px; }:is(html, body).sb3-product .strain-section { padding-top: 24px; }:is(html, body).sb3-product .story-intro h2 { font-size: 42px; }:is(html, body).sb3-product .story-intro > p:last-child { font-size: 16px; }:is(html, body).sb3-product .performance-card { min-height: 540px; }:is(html, body).sb3-product .story-fact { min-height: 178px; padding: 20px; }:is(html, body).sb3-product .story-fact-primary { min-height: 230px; }:is(html, body).sb3-product .strain-section,
:is(html, body).sb3-product .vitamin-section,
:is(html, body).sb3-product .use-cases,
:is(html, body).sb3-product .routine-section,
:is(html, body).sb3-product .reviews-section,
:is(html, body).sb3-product .videos,
:is(html, body).sb3-product .research-voices,
:is(html, body).sb3-product .faq-section,
:is(html, body).sb3-product .final-cta { margin-top: 32px; }:is(html, body).sb3-product .routine-section { min-height: 0; }:is(html, body).sb3-product .routine-section > img { min-height: 0; height: 430px; aspect-ratio: auto; }:is(html, body).sb3-product .comparison-section { margin-top: 16px; padding-top: 24px; }:is(html, body).sb3-product .comparison-table { grid-template-columns: 96px 148px 160px; overscroll-behavior-inline: contain; }:is(html, body).sb3-product .comparison-head { min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22; }:is(html, body).sb3-product .comparison-head img { width: 64px; height: 64px; margin-bottom: 7px; }:is(html, body).sb3-product .comparison-label,
:is(html, body).sb3-product .comparison-value { min-width: 0; min-height: 82px; padding: 9px 7px; overflow-wrap: anywhere; font-size: 13px; }:is(html, body).sb3-product .testing-section { margin-top: 14px; padding: 28px 20px; }:is(html, body).sb3-product .testing-header { grid-template-columns: 1fr 70px; gap: 14px; }:is(html, body).sb3-product .testing-header h2 { font-size: 36px; }:is(html, body).sb3-product .testing-header img { width: 70px; height: 70px; }:is(html, body).sb3-product .testing-lead { margin-top: 18px; font-size: 16px; }:is(html, body).sb3-product .test-results { grid-template-columns: repeat(2,minmax(0,1fr)); }:is(html, body).sb3-product .test-results div { min-height: 100px; padding: 14px; }:is(html, body).sb3-product .testing-expiry { align-items: flex-start; flex-direction: column; gap: 4px; }:is(html, body).sb3-product .testing-actions { align-items: stretch; flex-direction: column; gap: 14px; }:is(html, body).sb3-product .testing-actions > a:not(.button) { text-align: center; }:is(html, body).sb3-product .testing-ai { grid-template-columns: 1fr auto; }:is(html, body).sb3-product .reviews-section { gap: 22px; padding: 23px 17px; }:is(html, body).sb3-product .reviews-content h2 { margin-bottom: 17px; font-size: 36px; }:is(html, body).sb3-product .review-grid { grid-template-columns: 1fr; }:is(html, body).sb3-product .review-grid blockquote { min-height: 0; padding: 17px; }:is(html, body).sb3-product .review-grid footer { margin-top: 10px; padding-top: 0; }:is(html, body).sb3-product .research-voices { padding-top: 24px; }:is(html, body).sb3-product .research-voices > .section-heading { margin-bottom: 22px; }:is(html, body).sb3-product .research-voice-grid { grid-template-columns: 1fr; }:is(html, body).sb3-product .research-voice-grid article { grid-template-columns: 126px 1fr; min-height: 350px; }:is(html, body).sb3-product .research-voice-grid article > div { padding: 22px 18px; }:is(html, body).sb3-product .research-quotes { gap: 10px; margin: 16px 0 18px; }:is(html, body).sb3-product .research-voice-grid blockquote { font-size: 18px; line-height: 1.3; }:is(html, body).sb3-product .faq-section { grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 24px; }:is(html, body).sb3-product .faq-side { position: static; }:is(html, body).sb3-product .faq-side h2 { max-width: none; font-size: 42px; }:is(html, body).sb3-product .faq-awards { display: none; }:is(html, body).sb3-product .final-cta { min-height: 0; padding-top: 300px; background: var(--accent); }:is(html, body).sb3-product .final-cta > img { top: 0; bottom: auto; height: 320px; object-fit: cover; object-position: 52% center; }:is(html, body).sb3-product .final-cta > .final-cta-scrim { top: 0; bottom: auto; height: 330px; background: linear-gradient(180deg,rgba(0,65,61,0) 55%,rgba(0,65,61,.38) 76%,rgba(0,65,61,1) 100%); }:is(html, body).sb3-product .final-cta-copy { align-self: flex-end; width: 100%; padding: 30px 22px 28px; background: var(--accent); }:is(html, body).sb3-product .final-cta-copy .eyebrow { margin-bottom: 12px; color: #c8f1ed; font-weight: 800; text-shadow: 0 1px 1px rgba(0,0,0,.18); }:is(html, body).sb3-product .final-cta-copy h2 { font-size: 38px; }:is(html, body).sb3-product .methodology-note { padding: 0 15px; }
}


/* Shoptet integration: native commerce stays the source of truth. */
:is(html, body).sb3-product {
  --sb3-ink: #172423;
  --sb3-muted: #667674;
  --sb3-line: #c9dcda;
  --sb3-line-strong: #aac9c6;
  --sb3-soft: #eef7f6;
  --sb3-tint: #e4f3f1;
  --sb3-surface: #fff;
  --sb3-accent: #006460;
  --sb3-promo: #a53c2f;
  --sb3-promo-soft: #fff3f0;
  --sb3-positive: #16874b;
}

/* Compact rhythm shared by the approved TPMOVE product-page standard. */
:is(html, body).sb3-product #sb3-long > .content-section + .content-section {
  margin-top: 10px !important;
}

:is(html, body).sb3-product .p-short-description .vice-info,
:is(html, body).sb3-product .social-buttons-wrapper { display: none !important; }

:is(html, body).sb3-product #sb3-short,
:is(html, body).sb3-product #sb3-long,
:is(html, body).sb3-product .sb3-content-nav,
:is(html, body).sb3-product #sb3-video-dialog { font-family: inherit !important; }

:is(html, body).sb3-product #sb3-short { margin: 22px 0 6px; background: transparent; }
:is(html, body).sb3-product #sb3-short .audience-block { margin-top: 0; }
:is(html, body).sb3-product #sb3-short .audience-tags { margin-bottom: 12px; }
:is(html, body).sb3-product #sb3-short .audience-tags a,
:is(html, body).sb3-product #sb3-short .quick-proof a,
:is(html, body).sb3-product #sb3-short .batch-link-row a,
:is(html, body).sb3-product .sb3-content-nav a,
:is(html, body).sb3-product #sb3-long .video-card,
:is(html, body).sb3-product #sb3-long .button { text-decoration: none !important; }

:is(html, body).sb3-product .p-detail > .sb3-content-nav {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
}
:is(html, body).sb3-product .sb3-content-nav .content-nav-inner {
  display: flex;
  justify-content: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
:is(html, body).sb3-product .sb3-content-nav .content-nav-inner::-webkit-scrollbar { display: none; }
:is(html, body).sb3-product .p-detail-tabs-wrapper .shp-tabs-row { display: none !important; }
:is(html, body).sb3-product #description > .description-inner > h3:first-child { display: none; }
:is(html, body).sb3-product #description .description-inner { max-width: none; padding-top: 0; }
:is(html, body).sb3-product #sb3-long { width: min(1220px, 100%); margin-inline: auto; background: transparent; }

:is(html, body).sb3-product #product-detail-form .quantity-discounts {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;
}
:is(html, body).sb3-product #product-detail-form .quantity-discounts__headline {
  color: var(--sb3-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;
}
:is(html, body).sb3-product .sb3-quantity-table { display: grid !important; gap: 14px; }
:is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--sb3-line-strong) !important;
  border-radius: 6px;
  background: var(--sb3-surface) !important;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;
}
:is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item:active { transform: scale(.99); }
:is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item:focus-visible { outline: 3px solid var(--sb3-accent); outline-offset: 2px; }
:is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item--highlighted {
  border-color: var(--sb3-accent) !important;
  background: var(--sb3-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);
}
:is(html, body).sb3-product .sb3-quantity-table .sb3-quantity-3.quantity-discounts__item--highlighted {
  border-color: var(--sb3-promo) !important;
  background: var(--sb3-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);
}
:is(html, body).sb3-product .sb3-option-copy strong,
:is(html, body).sb3-product .sb3-option-copy small,
:is(html, body).sb3-product .sb3-option-price strong,
:is(html, body).sb3-product .sb3-option-price small { display: block; }
:is(html, body).sb3-product .sb3-option-copy strong { color: var(--sb3-ink); font-size: 16px; font-weight: 800; }
:is(html, body).sb3-product .sb3-option-copy small,
:is(html, body).sb3-product .sb3-option-price small { margin-top: 3px; color: var(--sb3-muted); font-size: 14px; line-height: 1.35; }
:is(html, body).sb3-product .sb3-option-price { color: var(--sb3-ink); font-size: 0; text-align: right; }
:is(html, body).sb3-product .sb3-option-price strong { font-size: 17px; line-height: 1.25; }
:is(html, body).sb3-product .sb3-best-badge {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--sb3-promo);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}
:is(html, body).sb3-product .sb3-option-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--sb3-line);
  color: var(--sb3-positive);
  font-size: 14px;
}
:is(html, body).sb3-product .quantity-discounts__save { display: none !important; }
:is(html, body).sb3-product #product-detail-form .price-final-holder {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}
:is(html, body).sb3-product #product-detail-form .sb3-main-price-old {
  color: #b43d32;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}
:is(html, body).sb3-product #product-detail-form .sb3-main-price-current { color: inherit; font: inherit; white-space: nowrap; }

:is(html, body).sb3-product #sb3-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;
}
:is(html, body).sb3-product #sb3-video-dialog video,
:is(html, body).sb3-product #sb3-video-dialog iframe {
  width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;
}
:is(html, body).sb3-product.sb3-video-open { overflow: hidden; }

@media (hover: hover) and (pointer: fine) {
  :is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item:hover {
    border-color: var(--sb3-accent) !important;
    background: var(--sb3-soft) !important;
  }
}

@media (min-width: 768px) {
  :is(html, body).sb3-product #product-detail-form .p-short-description { margin-bottom: 10px !important; padding-bottom: 0 !important; }
  :is(html, body).sb3-product .sb3-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--sb3-line);
    border-bottom: 1px solid var(--sb3-line);
    background: transparent !important;
  }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__item { width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__item:nth-child(even) { border-left: 1px solid var(--sb3-line) !important; }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__item:nth-child(n + 3) { border-top: 1px solid var(--sb3-line) !important; }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--sb3-ink) !important;
    text-decoration: none !important;
  }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__picture { width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; background-size: contain !important; }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__content { min-width: 0; }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__title { display: block; color: var(--sb3-ink); font-size: 15px; line-height: 1.25; }
  :is(html, body).sb3-product .sb3-benefit-banner .benefitBanner__data { margin-top: 4px; color: var(--sb3-muted); font-size: 14px; line-height: 1.35; }
}

@media (max-width: 767px) {
  :is(html, body).sb3-product #product-detail-form .p-short-description { margin-bottom: 10px !important; padding-bottom: 0 !important; }
  :is(html, body).sb3-product .sb3-content-nav .content-nav-inner { justify-content: flex-start; }
  :is(html, body).sb3-product #product-detail-form .price-final-holder { font-size: 36px !important; line-height: 1.1; }
}

@media (max-width: 430px) {
  :is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item { grid-template-columns: 1fr; }
  :is(html, body).sb3-product .sb3-option-price { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  :is(html, body).sb3-product .sb3-quantity-table .quantity-discounts__item { transition-duration: .01ms !important; }
}



/* d3.css */
/* Puori D3 export. Activated only for Shoptet productId 54. */
:is(html, body).d3-product .d3-scope{--ink: #172423;
  --muted: #667674;
  --line: #c9dcda;
  --soft: #eef7f6;
  --accent: #006460;
  --accent-2: #00877f;
  --positive: #168548;
  --warning: #b64131;
  --white: #fff;
  --radius: 8px;}
:is(html, body).d3-product .eyebrow,:is(html, body).d3-product .micro-title{margin: 0;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;}
:is(html, body).d3-product .audience-block{margin-top: 24px;}
:is(html, body).d3-product .audience-block .micro-title{color: var(--ink);
  letter-spacing: 0;
  text-transform: none;}
:is(html, body).d3-product .audience-tags{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;}
:is(html, body).d3-product .audience-tags a{display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;}
:is(html, body).d3-product .audience-tags a:hover,:is(html, body).d3-product .audience-tags a:focus-visible{border-color: var(--accent);
  background: var(--soft);}
:is(html, body).d3-product .quick-proof{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html, body).d3-product .quick-proof a{display: flex;
  min-height: 96px;
  flex-direction: column;
  justify-content: center;
  padding: 15px 17px;
  text-decoration: none;}
:is(html, body).d3-product .quick-proof a:nth-child(odd){border-right: 1px solid var(--line);}
:is(html, body).d3-product .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).d3-product .quick-proof strong{color: var(--accent); font-size: 17px;}
:is(html, body).d3-product .quick-proof span{margin-top: 3px; color: var(--muted); font-size: 14px;}
:is(html, body).d3-product .content-nav{display: flex;
  gap: 8px;
  justify-content: center;
  margin: 34px 0 20px;
  padding: 12px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f8fbfa;}
:is(html, body).d3-product .content-nav a{flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;}
:is(html, body).d3-product .content-nav a.is-active{border-color: var(--accent);
  color: #fff;
  background: var(--accent);}
@media (max-width: 520px){:is(html, body).d3-product .audience-tags{display: grid; grid-template-columns: 1fr 1fr;}
:is(html, body).d3-product .audience-tags a{align-items: flex-start; font-size: 14px; line-height: 1.25;}
:is(html, body).d3-product .quick-proof a{min-height: 108px; padding: 13px;}
:is(html, body).d3-product .quick-proof strong{font-size: 16px;}
:is(html, body).d3-product .content-nav{justify-content: flex-start; margin-inline: -10px; border-inline: 0; border-radius: 0;}}
@media (max-width: 376px){:is(html, body).d3-product .audience-tags{grid-template-columns: 1fr;}
:is(html, body).d3-product .quick-proof strong{font-size: 15px;}
:is(html, body).d3-product .quick-proof span{font-size: 14px;}}
:is(html, body).d3-product .content-section{margin-top: 10px;
  scroll-margin-top: 92px;}
:is(html, body).d3-product .content-section h2,:is(html, body).d3-product .final-cta h2{margin: 8px 0 14px;
  font-size: clamp(32px, 4.2vw, 56px);
  line-height: 1.04;
  letter-spacing: -.035em;}
:is(html, body).d3-product .content-section h3{line-height: 1.22;}
:is(html, body).d3-product .content-section p{font-size: 16px;}
:is(html, body).d3-product .story-hero .eyebrow{color: #a9e7e2;}
:is(html, body).d3-product .story-hero__copy > p:not(.eyebrow){max-width: 58ch; color: #d9efed;}
:is(html, body).d3-product .section-heading{max-width: 830px; padding: 30px 0 20px;}
:is(html, body).d3-product .section-heading > p:not(.eyebrow){max-width: 66ch; color: var(--muted);}
:is(html, body).d3-product .use-case-grid{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html, body).d3-product .d3-term{display: inline-block; color: inherit; font: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline dotted currentColor; text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap; cursor: help;}
:is(html, body).d3-product .d3-term:focus-visible{border-radius: 2px; outline: 2px solid var(--accent); outline-offset: 2px;}
:is(html, body).d3-product .strain-code.d3-term{color: #fff; text-decoration-color: rgba(255,255,255,.75);}
:is(html, body).d3-product .d3-term-tooltip{position: fixed; z-index: 100050; width: max-content; max-width: min(330px,calc(100vw - 24px)); padding: 9px 12px; border: 1px solid rgba(0,100,96,.24); border-radius: 6px; color: #fff; background: #123f3c; box-shadow: 0 8px 24px rgba(8,36,34,.18); font-size: 14px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity 80ms ease,transform 80ms ease,visibility 80ms; pointer-events: none;}
:is(html, body).d3-product .d3-term-tooltip.is-visible{opacity: 1; visibility: visible; transform: translateY(0);}
:is(html, body).d3-product .vitamin-section{display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 26px;
  padding: clamp(34px, 5vw, 66px);
  border-radius: var(--radius);
  background: linear-gradient(130deg, #e7f5f3 0%, #f8fbfa 100%);}
:is(html, body).d3-product .vitamin-section > div:first-child p:not(.eyebrow){max-width: 65ch; color: var(--muted);}
:is(html, body).d3-product .fibre-card{display: flex; flex-direction: column; justify-content: center; padding: 26px; border: 1px solid var(--line); border-radius: 6px; background: #fff;}
:is(html, body).d3-product .fibre-card > span{color: var(--accent); font-weight: 800; text-transform: uppercase; letter-spacing: .06em;}
:is(html, body).d3-product .fibre-card strong{padding: 8px 0; border-bottom: 1px solid #e3ecea; font-size: 20px;}
:is(html, body).d3-product .fibre-card small{margin-top: 12px; color: var(--muted);}
:is(html, body).d3-product .use-case-grid article{min-height: 210px; padding: 28px;}
:is(html, body).d3-product .use-case-grid article:nth-child(odd){border-right: 1px solid var(--line);}
:is(html, body).d3-product .use-case-grid article:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).d3-product .use-case-grid article > span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html, body).d3-product .use-case-grid h3{margin: 36px 0 8px; font-size: 22px;}
:is(html, body).d3-product .use-case-grid p{margin: 0; color: var(--muted);}
:is(html, body).d3-product .routine-section{display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 590px;
  overflow: hidden;
  border-radius: var(--radius);
  background: #eef5f4;}
:is(html, body).d3-product .routine-section > img{width: 100%; height: 100%; min-height: 590px; object-fit: cover; object-position: center;}
:is(html, body).d3-product .routine-section__copy{align-self: center; padding: clamp(36px, 5vw, 68px);}
:is(html, body).d3-product .routine-section ol{margin: 28px 0 0; padding: 0; list-style: none; counter-reset: routine;}
:is(html, body).d3-product .routine-section li{position: relative; min-height: 74px; padding: 12px 0 12px 58px; border-top: 1px solid var(--line); counter-increment: routine;}
:is(html, body).d3-product .routine-section li::before{content: counter(routine); position: absolute; top: 13px; left: 0; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-weight: 800;}
:is(html, body).d3-product .routine-section li strong,:is(html, body).d3-product .routine-section li span{display: block;}
:is(html, body).d3-product .routine-section li span{margin-top: 2px; color: var(--muted);}
:is(html, body).d3-product .testing .eyebrow{color: #a9e7e2;}
:is(html, body).d3-product .testing__intro p:not(.eyebrow){max-width: 67ch; color: #d9efed;}
:is(html, body).d3-product .testing-actions{display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-top: 24px;}
:is(html, body).d3-product .stars{color: #d98900; font-size: 25px; letter-spacing: 2px;}
:is(html, body).d3-product .video-row{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}
:is(html, body).d3-product .video-card{position: relative; display: flex; min-width: 0; min-height: 410px; overflow: hidden; flex-direction: column; justify-content: flex-end; padding: 20px; border: 0; border-radius: var(--radius); color: #fff; background: #0a3836; text-align: left; cursor: pointer;}
:is(html, body).d3-product .video-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0,27,25,.92) 100%);}
:is(html, body).d3-product .video-card > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
:is(html, body).d3-product .video-card > *:not(img){position: relative; z-index: 1;}
:is(html, body).d3-product .video-card .play{position: absolute; top: 16px; right: 16px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(0,42,39,.56);}
:is(html, body).d3-product .video-card strong{font-size: 20px; line-height: 1.2;}
:is(html, body).d3-product .video-card small{margin-top: 5px; color: #d7e7e5;}
:is(html, body).d3-product .faq-section{display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(30px, 5vw, 68px); padding-top: 38px;}
:is(html, body).d3-product .faq-section aside h2{max-width: 9ch;}
:is(html, body).d3-product .faq-list details{border-bottom: 1px solid var(--line);}
:is(html, body).d3-product .faq-list summary{position: relative; padding: 20px 40px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html, body).d3-product .faq-list summary::-webkit-details-marker{display: none;}
:is(html, body).d3-product .faq-list summary::after{content: "+"; position: absolute; top: 17px; right: 5px; color: var(--accent); font-size: 24px;}
:is(html, body).d3-product .faq-list details[open] summary::after{content: "−";}
:is(html, body).d3-product .faq-list details p{margin: 0 0 12px; color: var(--muted);}
:is(html, body).d3-product .faq-list details a{display: inline-block; margin: 0 16px 18px 0; color: var(--accent); font-weight: 800;}
:is(html, body).d3-product .final-cta{display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; overflow: hidden; border-radius: var(--radius); color: #fff; background: #002f2d;}
:is(html, body).d3-product .final-cta > div{align-self: center; padding: clamp(36px, 5vw, 68px);}
:is(html, body).d3-product .final-cta .eyebrow{color: #a9e7e2;}
:is(html, body).d3-product .final-cta h2{color: #fff;}
:is(html, body).d3-product .final-cta p:not(.eyebrow){color: #d1e7e4;}
:is(html, body).d3-product .final-cta img{width: 100%; height: 100%; min-height: 520px; object-fit: cover;}
:is(html, body).d3-product .media-dialog{width: min(480px, calc(100% - 28px)); max-width: none; padding: 0; overflow: hidden; border: 0; border-radius: 8px; background: #071f1e; color: #fff;}
:is(html, body).d3-product .media-dialog::backdrop{background: rgba(2,19,18,.75);}
:is(html, body).d3-product .media-dialog__head{display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 10px 16px;}
:is(html, body).d3-product .media-dialog__head button{width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; color: #fff; background: transparent; font-size: 27px; cursor: pointer;}
:is(html, body).d3-product .media-dialog__body{display: grid; min-height: min(76vh, 680px); place-items: center; background: #000;}
:is(html, body).d3-product .media-dialog iframe{width: min(100%, 430px); height: min(76vh, 680px); border: 0;}
:is(html, body).d3-product .media-dialog video{display: block; max-width: 100%; max-height: 75vh;}
@media (max-width: 900px){:is(html, body).d3-product .routine-section,:is(html, body).d3-product .final-cta{grid-template-columns: 1fr;}
:is(html, body).d3-product .routine-section > img,:is(html, body).d3-product .final-cta img{min-height: 430px; max-height: 560px;}
:is(html, body).d3-product .vitamin-section{grid-template-columns: 1fr;}
:is(html, body).d3-product .video-row{display: flex; overflow-x: auto; scroll-snap-type: x mandatory;}
:is(html, body).d3-product .video-card{flex: 0 0 min(72vw, 290px); scroll-snap-align: start;}
:is(html, body).d3-product .faq-section{grid-template-columns: 1fr;}
:is(html, body).d3-product .faq-section aside h2{max-width: 14ch;}}
@media (max-width: 520px){:is(html, body).d3-product .content-section{margin-top: 10px; scroll-margin-top: 120px;}
:is(html, body).d3-product .content-section h2,:is(html, body).d3-product .final-cta h2{font-size: 34px;}
:is(html, body).d3-product .routine-section__copy,:is(html, body).d3-product .final-cta > div{padding: 28px 22px;}
:is(html, body).d3-product .routine-section > img,:is(html, body).d3-product .final-cta img{min-height: 0; aspect-ratio: 1;}
:is(html, body).d3-product .section-heading{padding: 30px 4px 14px;}
:is(html, body).d3-product .use-case-grid{grid-template-columns: 1fr;}
:is(html, body).d3-product .vitamin-section{padding: 26px 20px;}
:is(html, body).d3-product .use-case-grid article{min-height: 0; padding: 22px;}
:is(html, body).d3-product .use-case-grid article:nth-child(odd){border-right: 0;}
:is(html, body).d3-product .use-case-grid article:not(:last-child){border-bottom: 1px solid var(--line);}
:is(html, body).d3-product .use-case-grid h3{margin-top: 23px;}
:is(html, body).d3-product .testing-actions{flex-direction: column;}
:is(html, body).d3-product .faq-section{padding-inline: 2px;}
:is(html, body).d3-product .media-dialog__body{min-height: min(72vh, 620px);}
:is(html, body).d3-product .media-dialog iframe{height: min(72vh, 620px);}}
:is(html, body).d3-product .batch-link-row{display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  margin: 14px 0 24px;
  padding: 14px 16px;
  border-radius: var(--radius);
  background: #e7f4f2;}
:is(html, body).d3-product .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).d3-product .batch-link-row strong{font-size: 15px;}
:is(html, body).d3-product .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).d3-product .batch-link-row a{color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html, body).d3-product .story-section{margin-top: 18px;
  padding-top: 28px;
  border-top: 1px solid var(--line);}
:is(html, body).d3-product .story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html, body).d3-product .story-intro h2{max-width: 24ch; margin: 0; font-size: clamp(38px,5.5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html, body).d3-product .story-intro h2 > span,:is(html, body).d3-product .performance-card-copy h3 > span,:is(html, body).d3-product .use-cases .section-heading h2 > span,:is(html, body).d3-product .research-voices .section-heading h2 > span{display: block;}
:is(html, body).d3-product .story-intro > p:last-child{max-width: 60ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html, body).d3-product .story-grid{display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); gap: 14px;}
:is(html, body).d3-product .performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html, body).d3-product .performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
:is(html, body).d3-product .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,20,18,.05) 20%,rgba(3,20,18,.9) 100%);}
:is(html, body).d3-product .performance-card-copy{position: absolute; z-index: 2; right: clamp(24px,4vw,48px); bottom: clamp(26px,4vw,48px); left: clamp(24px,4vw,48px);}
:is(html, body).d3-product .performance-card-copy h3{max-width: none; margin: 0 0 14px; color: #fff; font-size: clamp(34px,4.5vw,56px); line-height: 1; letter-spacing: -.045em;}
:is(html, body).d3-product .performance-card-copy p{max-width: 50ch; margin: 0; font-size: 17px;}
:is(html, body).d3-product .story-facts{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html, body).d3-product .story-fact{display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; padding: 24px; border-radius: var(--radius); background: #f0f4f3;}
:is(html, body).d3-product .story-fact-primary{color: #fff; background: var(--accent);}
:is(html, body).d3-product .story-fact-wide{grid-column: 1 / -1; min-height: 190px;}
:is(html, body).d3-product .story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html, body).d3-product .story-fact-primary > span{color: #cbe5e2;}
:is(html, body).d3-product .story-fact > strong{margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em;}
:is(html, body).d3-product .story-fact-primary > strong{color: #fff;}
:is(html, body).d3-product .story-fact p{margin: 6px 0 0; color: var(--muted);}
:is(html, body).d3-product .story-fact-primary p{color: #d8ecea;}
:is(html, body).d3-product .vitamin-section,:is(html, body).d3-product .use-cases,:is(html, body).d3-product .routine-section,:is(html, body).d3-product .reviews-section,:is(html, body).d3-product .videos,:is(html, body).d3-product .research-voices,:is(html, body).d3-product .faq-section,:is(html, body).d3-product .final-cta{margin-top: 40px;}
:is(html, body).d3-product .vitamin-section{position: relative; background: #eef4f3;}
:is(html, body).d3-product .use-case-grid article{background: #fff;}
:is(html, body).d3-product .routine-section{min-height: 720px; background: #f0f4f3;}
:is(html, body).d3-product .routine-section > img{min-height: 720px;}
:is(html, body).d3-product .routine-section__copy .eyebrow{margin-bottom: 12px;}
:is(html, body).d3-product .comparison-section{margin-top: 18px; padding: 28px 0 0; border-top: 1px solid var(--line);}
:is(html, body).d3-product .comparison-table{display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html, body).d3-product .comparison-head{display: flex; min-height: 220px; flex-direction: column; align-items: center; justify-content: flex-end; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html, body).d3-product .comparison-head:not(:last-child),:is(html, body).d3-product .comparison-label,:is(html, body).d3-product .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html, body).d3-product .comparison-head-puori{background: #e7f4f2;}
:is(html, body).d3-product .comparison-head-other{background: #f0f4f3;}
:is(html, body).d3-product .comparison-head img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html, body).d3-product .comparison-head strong{max-width: 20ch;}
:is(html, body).d3-product .comparison-label,:is(html, body).d3-product .comparison-value{display: flex; min-height: 70px; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html, body).d3-product .comparison-label{font-weight: 800;}
:is(html, body).d3-product .comparison-value{color: var(--muted);}
:is(html, body).d3-product .comparison-value-puori{color: var(--accent); background: #f5faf9; font-weight: 800;}
:is(html, body).d3-product .comparison-note{margin: 12px 0 0; color: var(--muted); font-size: 14px;}
:is(html, body).d3-product .comparison-section > .text-link{display: inline-block; margin-top: 18px;}
:is(html, body).d3-product .testing-section{margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--radius); color: #fff; background: var(--accent);}
:is(html, body).d3-product .testing-header{display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start;}
:is(html, body).d3-product .testing-header p{margin: 0 0 8px; color: #bfe4df; font-weight: 800;}
:is(html, body).d3-product .testing-header h2{max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em;}
:is(html, body).d3-product .testing-header img{width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee;}
:is(html, body).d3-product .testing-lead{max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px;}
:is(html, body).d3-product .test-results{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25);}
:is(html, body).d3-product .test-results div{display: flex; min-height: 110px; flex-direction: column; padding: 18px; background: rgba(0,46,43,.64);}
:is(html, body).d3-product .test-results span{color: #cde7e4;}
:is(html, body).d3-product .test-results strong{margin-top: auto; color: #fff; font-size: 22px;}
:is(html, body).d3-product .testing-expiry{display: flex; gap: 18px; justify-content: space-between; margin: 14px 0 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; color: #d8efec; background: rgba(0,46,43,.48); font-size: 14px;}
:is(html, body).d3-product .testing-expiry strong{color: #fff; white-space: nowrap;}
:is(html, body).d3-product .testing-footer{display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px;}
:is(html, body).d3-product .testing-actions{display: flex; gap: 22px; align-items: center; margin-top: 0;}
:is(html, body).d3-product .testing-actions > a:not(.button){color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html, body).d3-product .button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html, body).d3-product .button-light{color: var(--accent); background: #fff;}
:is(html, body).d3-product .testing-ai{display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html, body).d3-product .testing-ai p{margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html, body).d3-product .testing-ai-actions{display: flex; gap: 8px;}
:is(html, body).d3-product .testing-ai-actions a{display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none;}
:is(html, body).d3-product .reviews-section{display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: #e7f4f2;}
:is(html, body).d3-product .reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html, body).d3-product .reviews-summary > strong{margin: 0 0 4px; color: var(--accent); font-size: clamp(48px,4.6vw,66px); line-height: .9; letter-spacing: -.06em;}
:is(html, body).d3-product .reviews-summary p{margin: 8px 0 0; color: var(--muted);}
:is(html, body).d3-product .reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em;}
:is(html, body).d3-product .reviews-content h2{margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em;}
:is(html, body).d3-product .review-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
:is(html, body).d3-product .review-grid blockquote{display: flex; min-height: 240px; flex-direction: column; margin: 0; padding: 20px; border-radius: 6px; background: #fff;}
:is(html, body).d3-product .review-stars{display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em;}
:is(html, body).d3-product .review-grid p{margin: 0; color: #33403e; font-size: 16px; font-weight: 600;}
:is(html, body).d3-product .review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html, body).d3-product .review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html, body).d3-product .research-voices{padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).d3-product .research-voices > .section-heading{margin-bottom: 28px;}
:is(html, body).d3-product .research-voices > .section-heading{max-width: none;}
:is(html, body).d3-product .research-voices > .section-heading h2{max-width: none;}
:is(html, body).d3-product .research-voice-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html, body).d3-product .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html, body).d3-product .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html, body).d3-product .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html, body).d3-product .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html, body).d3-product .research-quotes{display: grid; gap: 12px; margin: 18px 0 20px;}
:is(html, body).d3-product .research-voice-grid blockquote{margin: 0; color: var(--ink); font-size: clamp(18px,1.55vw,22px); line-height: 1.28; letter-spacing: -.018em;}
:is(html, body).d3-product .research-voice-grid blockquote strong{color: var(--accent); font-weight: 850;}
:is(html, body).d3-product .research-expert-name{margin-top: auto;}
:is(html, body).d3-product .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.4;}
:is(html, body).d3-product .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html, body).d3-product .faq-section{display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).d3-product .faq-side{position: sticky; top: 24px;}
:is(html, body).d3-product .faq-side h2{max-width: none; margin: 0 0 16px; font-size: clamp(40px,4.4vw,58px); line-height: 1; letter-spacing: -.05em;}
:is(html, body).d3-product .faq-side h2 > span{display: block; white-space: nowrap;}
:is(html, body).d3-product .faq-side > p{max-width: 32ch; color: var(--muted);}
:is(html, body).d3-product .faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #f0f4f3;}
:is(html, body).d3-product .faq-awards > p{margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em;}
:is(html, body).d3-product .faq-awards-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center;}
:is(html, body).d3-product .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html, body).d3-product .faq-awards > small{display: block; margin-top: 14px; color: var(--muted); font-size: 12px;}
:is(html, body).d3-product .final-cta{position: relative; display: flex; min-height: 540px; align-items: center; overflow: hidden; border-radius: var(--radius); color: #fff; background: var(--accent);}
:is(html, body).d3-product .final-cta > img{position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center center;}
:is(html, body).d3-product .final-cta > .final-cta-scrim{position: absolute; inset: 0; width: 100%; height: 100%; align-self: stretch; box-sizing: border-box; padding: 0; background: linear-gradient(90deg,rgba(0,65,61,.98) 0%,rgba(0,65,61,.9) 34%,rgba(0,65,61,.38) 66%,rgba(0,65,61,.04) 100%);}
:is(html, body).d3-product .final-cta-copy{position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px);}
:is(html, body).d3-product .final-cta-copy h2{margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html, body).d3-product .final-cta-copy p:not(.eyebrow){margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px;}
:is(html, body).d3-product .methodology-note{margin-top: 10px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9;}
:is(html, body).d3-product .methodology-note summary{position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html, body).d3-product .methodology-note summary::-webkit-details-marker{display: none;}
:is(html, body).d3-product .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html, body).d3-product .methodology-note details[open] summary::after{content: "−";}
:is(html, body).d3-product .methodology-note details > div{padding: 0 0 15px;}
:is(html, body).d3-product .methodology-note p{max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html, body).d3-product .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html, body).d3-product .methodology-links a{color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
@media (max-width: 900px){:is(html, body).d3-product .story-grid{grid-template-columns: 1fr;}
:is(html, body).d3-product .story-facts{grid-template-columns: 1fr;}
:is(html, body).d3-product .story-fact-wide{grid-column: auto;}
:is(html, body).d3-product .comparison-table{grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto;}
:is(html, body).d3-product .testing-footer{grid-template-columns: 1fr;}
:is(html, body).d3-product .reviews-section{grid-template-columns: 1fr;}}
@media (min-width: 901px){:is(html, body).d3-product .performance-card-copy h3 > span{white-space: nowrap;}
:is(html, body).d3-product .videos > .section-heading{max-width: none;}
:is(html, body).d3-product .videos > .section-heading h2{max-width: none;}
:is(html, body).d3-product .use-cases > .section-heading{max-width: none;}}
@media (max-width: 520px){:is(html, body).d3-product .story-section{margin-top: 16px; padding-top: 24px;}
:is(html, body).d3-product .story-intro h2{font-size: 42px;}
:is(html, body).d3-product .story-intro > p:last-child{font-size: 16px;}
:is(html, body).d3-product .performance-card{min-height: 540px;}
:is(html, body).d3-product .story-fact{min-height: 178px; padding: 20px;}
:is(html, body).d3-product .story-fact-primary{min-height: 230px;}
:is(html, body).d3-product .vitamin-section,:is(html, body).d3-product .use-cases,:is(html, body).d3-product .routine-section,:is(html, body).d3-product .reviews-section,:is(html, body).d3-product .videos,:is(html, body).d3-product .research-voices,:is(html, body).d3-product .faq-section,:is(html, body).d3-product .final-cta{margin-top: 32px;}
:is(html, body).d3-product .routine-section{min-height: 0;}
:is(html, body).d3-product .routine-section > img{min-height: 0; height: 430px; aspect-ratio: auto;}
:is(html, body).d3-product .comparison-section{margin-top: 16px; padding-top: 24px;}
:is(html, body).d3-product .comparison-table{grid-template-columns: 96px 148px 160px; overscroll-behavior-inline: contain;}
:is(html, body).d3-product .comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html, body).d3-product .comparison-head img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html, body).d3-product .comparison-label,:is(html, body).d3-product .comparison-value{min-width: 0; min-height: 82px; padding: 9px 7px; overflow-wrap: anywhere; font-size: 13px;}
:is(html, body).d3-product .testing-section{margin-top: 14px; padding: 28px 20px;}
:is(html, body).d3-product .testing-header{grid-template-columns: 1fr 70px; gap: 14px;}
:is(html, body).d3-product .testing-header h2{font-size: 36px;}
:is(html, body).d3-product .testing-header img{width: 70px; height: 70px;}
:is(html, body).d3-product .testing-lead{margin-top: 18px; font-size: 16px;}
:is(html, body).d3-product .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html, body).d3-product .test-results div{min-height: 100px; padding: 14px;}
:is(html, body).d3-product .testing-expiry{align-items: flex-start; flex-direction: column; gap: 4px;}
:is(html, body).d3-product .testing-actions{align-items: stretch; flex-direction: column; gap: 14px;}
:is(html, body).d3-product .testing-actions > a:not(.button){text-align: center;}
:is(html, body).d3-product .testing-ai{grid-template-columns: 1fr auto;}
:is(html, body).d3-product .reviews-section{gap: 22px; padding: 23px 17px;}
:is(html, body).d3-product .reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html, body).d3-product .review-grid{grid-template-columns: 1fr;}
:is(html, body).d3-product .review-grid blockquote{min-height: 0; padding: 17px;}
:is(html, body).d3-product .review-grid footer{margin-top: 10px; padding-top: 0;}
:is(html, body).d3-product .research-voices{padding-top: 24px;}
:is(html, body).d3-product .research-voices > .section-heading{margin-bottom: 22px;}
:is(html, body).d3-product .research-voice-grid{grid-template-columns: 1fr;}
:is(html, body).d3-product .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 350px;}
:is(html, body).d3-product .research-voice-grid article > div{padding: 22px 18px;}
:is(html, body).d3-product .research-quotes{gap: 10px; margin: 16px 0 18px;}
:is(html, body).d3-product .research-voice-grid blockquote{font-size: 18px; line-height: 1.3;}
:is(html, body).d3-product .faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 24px;}
:is(html, body).d3-product .faq-side{position: static;}
:is(html, body).d3-product .faq-side h2{max-width: none; font-size: 42px;}
:is(html, body).d3-product .faq-awards{display: none;}
:is(html, body).d3-product .final-cta{min-height: 0; padding-top: 300px; background: var(--accent);}
:is(html, body).d3-product .final-cta > img{top: 0; bottom: auto; height: 320px; object-fit: cover; object-position: 52% center;}
:is(html, body).d3-product .final-cta > .final-cta-scrim{top: 0; bottom: auto; height: 330px; background: linear-gradient(180deg,rgba(0,65,61,0) 55%,rgba(0,65,61,.38) 76%,rgba(0,65,61,1) 100%);}
:is(html, body).d3-product .final-cta-copy{align-self: flex-end; width: 100%; padding: 30px 22px 28px; background: var(--accent);}
:is(html, body).d3-product .final-cta-copy .eyebrow{margin-bottom: 12px; color: #c8f1ed; font-weight: 800; text-shadow: 0 1px 1px rgba(0,0,0,.18);}
:is(html, body).d3-product .final-cta-copy h2{font-size: 38px;}
:is(html, body).d3-product .methodology-note{padding: 0 15px;}}
:is(html, body).d3-product{--d3-ink: #172423;
  --d3-muted: #667674;
  --d3-line: #c9dcda;
  --d3-line-strong: #aac9c6;
  --d3-soft: #eef7f6;
  --d3-tint: #e4f3f1;
  --d3-surface: #fff;
  --d3-accent: #006460;
  --d3-promo: #a53c2f;
  --d3-promo-soft: #fff3f0;
  --d3-positive: #16874b;}
:is(html, body).d3-product #d3-long > .content-section + .content-section{margin-top: 10px !important;}
:is(html, body).d3-product .p-short-description .vice-info,:is(html, body).d3-product .social-buttons-wrapper{display: none !important;}
:is(html, body).d3-product #d3-short,:is(html, body).d3-product #d3-long,:is(html, body).d3-product .d3-content-nav,:is(html, body).d3-product #d3-video-dialog{font-family: inherit !important;}
:is(html, body).d3-product #d3-short{margin: 22px 0 6px; background: transparent;}
:is(html, body).d3-product #d3-short .audience-block{margin-top: 0;}
:is(html, body).d3-product #d3-short .audience-tags{margin-bottom: 12px;}
:is(html, body).d3-product #d3-short .audience-tags a,:is(html, body).d3-product #d3-short .quick-proof a,:is(html, body).d3-product #d3-short .batch-link-row a,:is(html, body).d3-product .d3-content-nav a,:is(html, body).d3-product #d3-long .video-card,:is(html, body).d3-product #d3-long .button{text-decoration: none !important;}
:is(html, body).d3-product .p-detail > .d3-content-nav{box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;}
:is(html, body).d3-product .d3-content-nav .content-nav-inner{display: flex;
  justify-content: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;}
:is(html, body).d3-product .d3-content-nav .content-nav-inner::-webkit-scrollbar{display: none;}
:is(html, body).d3-product .p-detail-tabs-wrapper .shp-tabs-row{display: none !important;}
:is(html, body).d3-product #description > .description-inner > h3:first-child{display: none;}
:is(html, body).d3-product #description .description-inner{max-width: none; padding-top: 0;}
:is(html, body).d3-product #d3-long{width: min(1220px, 100%); margin-inline: auto; background: transparent;}
:is(html, body).d3-product #product-detail-form .quantity-discounts{margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;}
:is(html, body).d3-product #product-detail-form .quantity-discounts__headline{color: var(--d3-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;}
:is(html, body).d3-product .d3-quantity-table{display: grid !important; gap: 14px;}
:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item{position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--d3-line-strong) !important;
  border-radius: 6px;
  background: var(--d3-surface) !important;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;}
:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item:active{transform: scale(.99);}
:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item:focus-visible{outline: 3px solid var(--d3-accent); outline-offset: 2px;}
:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item--highlighted{border-color: var(--d3-accent) !important;
  background: var(--d3-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);}
:is(html, body).d3-product .d3-quantity-table .d3-quantity-6.quantity-discounts__item--highlighted{border-color: var(--d3-promo) !important;
  background: var(--d3-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);}
:is(html, body).d3-product .d3-option-copy strong,:is(html, body).d3-product .d3-option-copy small,:is(html, body).d3-product .d3-option-price strong,:is(html, body).d3-product .d3-option-price small{display: block;}
:is(html, body).d3-product .d3-option-copy strong{color: var(--d3-ink); font-size: 16px; font-weight: 800;}
:is(html, body).d3-product .d3-option-copy small,:is(html, body).d3-product .d3-option-price small{margin-top: 3px; color: var(--d3-muted); font-size: 14px; line-height: 1.35;}
:is(html, body).d3-product .d3-option-price{color: var(--d3-ink); font-size: 0; text-align: right;}
:is(html, body).d3-product .d3-option-price strong{font-size: 17px; line-height: 1.25;}
:is(html, body).d3-product .d3-best-badge{position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--d3-promo);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;}
:is(html, body).d3-product .d3-option-benefits{display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--d3-line);
  color: var(--d3-positive);
  font-size: 14px;}
:is(html, body).d3-product .quantity-discounts__save{display: none !important;}
:is(html, body).d3-product #product-detail-form .price-final-holder{display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;}
:is(html, body).d3-product #product-detail-form .d3-main-price-old{color: #b43d32;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;}
:is(html, body).d3-product #product-detail-form .d3-main-price-current{color: inherit; font: inherit; white-space: nowrap;}
:is(html, body).d3-product #d3-video-dialog[open]{position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;}
:is(html, body).d3-product #d3-video-dialog video,:is(html, body).d3-product #d3-video-dialog iframe{width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;}
:is(html, body).d3-product.d3-video-open{overflow: hidden;}
@media (hover: hover) and (pointer: fine){:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item:hover{border-color: var(--d3-accent) !important;
    background: var(--d3-soft) !important;}}
@media (min-width: 768px){:is(html, body).d3-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0 !important;}
:is(html, body).d3-product .d3-benefit-banner{display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--d3-line);
    border-bottom: 1px solid var(--d3-line);
    background: transparent !important;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__item{width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__item:nth-child(even){border-left: 1px solid var(--d3-line) !important;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__item:nth-child(n + 3){border-top: 1px solid var(--d3-line) !important;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__link{display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--d3-ink) !important;
    text-decoration: none !important;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__picture{width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; background-size: contain !important;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__content{min-width: 0;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__title{display: block; color: var(--d3-ink); font-size: 15px; line-height: 1.25;}
:is(html, body).d3-product .d3-benefit-banner .benefitBanner__data{margin-top: 4px; color: var(--d3-muted); font-size: 14px; line-height: 1.35;}}
@media (max-width: 767px){:is(html, body).d3-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0 !important;}
:is(html, body).d3-product .d3-content-nav .content-nav-inner{justify-content: flex-start;}
:is(html, body).d3-product #product-detail-form .price-final-holder{font-size: 36px !important; line-height: 1.1;}}
@media (max-width: 430px){:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item{grid-template-columns: 1fr;}
:is(html, body).d3-product .d3-option-price{text-align: left;}}
@media (prefers-reduced-motion: reduce){:is(html, body).d3-product .d3-quantity-table .quantity-discounts__item{transition-duration: .01ms !important;}}
:is(html, body).d3-product #d3-long .gallery-preview__media img{mix-blend-mode: normal; object-fit: cover;}
:is(html, body).d3-product #d3-long .story-grid{grid-template-columns: minmax(0,1.18fr) minmax(460px,.82fr); align-items: start;}
:is(html, body).d3-product #d3-long .story-grid .performance-card{align-self: start; height: 750px; min-height: 0;}
:is(html, body).d3-product #d3-long .story-grid .performance-card img{object-position: center 60%; transform: scale(1.2); transform-origin: center 40%;}
:is(html, body).d3-product #d3-long .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,50,47,.94) 0%,rgba(0,50,47,.75) 45%,rgba(0,50,47,.08) 100%);}
:is(html, body).d3-product #d3-long .performance-card{position: relative; overflow: hidden;}
:is(html, body).d3-product #d3-long .performance-card-copy{position: absolute; inset: auto auto 0 0; z-index: 2; max-width: 620px; padding: clamp(28px,5vw,58px); color: #fff;}
:is(html, body).d3-product #d3-long .performance-card-copy h3{margin: 0 0 12px; color: #fff; font-size: clamp(36px,4.7vw,62px); line-height: .98; letter-spacing: -.045em;}
:is(html, body).d3-product #d3-long .performance-card-copy p{color: #d9efed; font-size: 18px;}
:is(html, body).d3-product #d3-long .story-facts{grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); grid-template-rows: minmax(0,1fr) minmax(0,.68fr); height: 750px;}
:is(html, body).d3-product #d3-long .story-fact{min-height: 0;}
:is(html, body).d3-product #d3-long .story-fact-wide{min-height: 0;}
:is(html, body).d3-product #d3-long .story-fact-primary > strong{white-space: nowrap; font-size: clamp(46px,4.8vw,66px);}
:is(html, body).d3-product #d3-long .vitamin-section{position: relative; isolation: isolate; grid-template-columns: minmax(0,1.08fr) minmax(260px,.92fr); grid-template-rows: auto auto; min-height: 430px; overflow: hidden; background: #eef4f3;}
:is(html, body).d3-product #d3-long .vitamin-section::after{content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#eef4f3 0%,rgba(238,244,243,.98) 36%,rgba(238,244,243,.82) 52%,rgba(238,244,243,.3) 68%,rgba(238,244,243,0) 82%); pointer-events: none;}
:is(html, body).d3-product #d3-long .vitamin-section__copy{position: relative; z-index: 1; grid-column: 1; grid-row: 1; align-self: end;}
:is(html, body).d3-product #d3-long .vitamin-section .fibre-card{position: relative; z-index: 1; grid-column: 1; grid-row: 2; width: min(100%,560px); background: rgba(255,255,255,.84); box-shadow: none; backdrop-filter: none;}
:is(html, body).d3-product #d3-long .vitamin-section__visual{position: absolute; z-index: -2; inset: 0; margin: 0; overflow: hidden;}
:is(html, body).d3-product #d3-long .vitamin-section__visual img{display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: 70% center;}
:is(html, body).d3-product #d3-long .vitamin-section + .use-cases{margin-top: 20px;}
:is(html, body).d3-product #d3-long .d3-packshot-frame{display: block; width: 112px; height: 112px; margin-bottom: 12px; overflow: hidden;}
:is(html, body).d3-product #d3-long .d3-packshot-frame img{width: 100%; height: 100%; margin: 0; object-fit: contain; object-position: center; transform: none;}
:is(html, body).d3-product #d3-long .generic-dropper{position: relative; display: block; width: 41px; height: 57px; margin: 42px 0 17px; border: 1px solid #87918f; border-radius: 5px 5px 8px 8px; background: linear-gradient(90deg,#5f3423 0%,#9b6945 48%,#4a261c 100%); box-shadow: 0 6px 13px rgba(19,42,40,.12);}
:is(html, body).d3-product #d3-long .generic-dropper::before{content: ""; position: absolute; top: -20px; left: 6px; width: 28px; height: 21px; border-radius: 6px 6px 2px 2px; background: linear-gradient(90deg,#151817,#454b49 50%,#101211);}
:is(html, body).d3-product #d3-long .generic-dropper::after{content: ""; position: absolute; inset: 18px 5px 8px; border-radius: 2px; background: rgba(246,246,241,.92);}
:is(html, body).d3-product #d3-long .generic-dropper i{position: absolute; z-index: 1; top: -32px; left: 18px; width: 5px; height: 15px; border-radius: 3px 3px 0 0; background: #242827;}
:is(html, body).d3-product #d3-long .d3-label-result small{margin-top: 5px; color: #bfe1dd; font-size: 13px; line-height: 1.3;}
:is(html, body).d3-product #d3-long .d3-term{display: inline-block; color: inherit; font: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline dotted currentColor; text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap; cursor: help;}
:is(html, body).d3-product #d3-long .d3-term-light{text-decoration-color: rgba(255,255,255,.8);}
:is(html, body).d3-product #d3-long .d3-term:focus-visible{border-radius: 2px; outline: 2px solid var(--accent); outline-offset: 2px;}
.d3-term-tooltip{position: fixed; z-index: 100050; width: max-content; max-width: min(330px,calc(100vw - 24px)); padding: 9px 12px; border: 1px solid rgba(0,100,96,.24); border-radius: 6px; color: #fff; background: #123f3c; box-shadow: 0 8px 24px rgba(8,36,34,.18); font-size: 14px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity 80ms ease,transform 80ms ease,visibility 80ms; pointer-events: none;}
.d3-term-tooltip.is-visible{opacity: 1; visibility: visible; transform: translateY(0);}
:is(html, body).d3-product #d3-long .faq-side h2{white-space: nowrap; font-size: clamp(32px,3.4vw,46px);}
:is(html, body).d3-product #d3-long .review-stars,:is(html, body).d3-product #d3-long .reviews-summary-stars{color: #d98200;}
:is(html, body).d3-product #d3-long .video-card img{object-fit: cover; object-position: center;}
:is(html, body).d3-product #d3-long .final-cta > img{object-position: center 54%;}
:is(html, body).d3-product #d3-long .faq-awards-grid img{width: 100%; height: 70px; object-fit: contain;}
:is(html, body).d3-product #d3-long .testing-ai-actions img{width: 24px; height: 24px; object-fit: contain;}
:is(html, body).d3-product #d3-long .testing-ai-actions a:first-child{background: #fff;}
@media (max-width: 720px){:is(html, body).d3-product #d3-long .performance-card-copy{max-width: 92%;}
:is(html, body).d3-product #d3-long .performance-card-copy h3{font-size: 38px;}
:is(html, body).d3-product #d3-long .story-grid{grid-template-columns: 1fr;}
:is(html, body).d3-product #d3-long .story-grid .performance-card{height: 500px; min-height: 0;}
:is(html, body).d3-product #d3-long .story-grid .performance-card img{object-position: 60% center;}
:is(html, body).d3-product #d3-long .story-facts{grid-template-columns: 1fr; grid-template-rows: none; height: auto;}
:is(html, body).d3-product #d3-long .story-fact{min-height: 170px;}
:is(html, body).d3-product #d3-long .story-fact-primary{min-height: 190px;}
:is(html, body).d3-product #d3-long .story-fact-wide{min-height: 160px;}
:is(html, body).d3-product #d3-long .vitamin-section{grid-template-columns: 1fr; grid-template-rows: auto auto; min-height: 650px; padding-bottom: 190px; background: #eef4f3;}
:is(html, body).d3-product #d3-long .vitamin-section::after{background: linear-gradient(180deg,#eef4f3 0%,rgba(238,244,243,.98) 42%,rgba(238,244,243,.84) 61%,rgba(238,244,243,.32) 78%,rgba(238,244,243,.04) 100%);}
:is(html, body).d3-product #d3-long .vitamin-section__visual{inset: 0;}
:is(html, body).d3-product #d3-long .vitamin-section__visual img{object-position: 70% center;}
:is(html, body).d3-product #d3-long .vitamin-section .fibre-card{background: rgba(255,255,255,.88);}
:is(html, body).d3-product #d3-long .vitamin-section + .use-cases{margin-top: 16px;}
:is(html, body).d3-product #d3-long .d3-packshot-frame{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html, body).d3-product #d3-long .comparison-table{grid-template-columns: 124px repeat(2,220px);}
:is(html, body).d3-product #d3-long .final-cta > img{object-position: 60% center;}
:is(html, body).d3-product #d3-long .faq-side h2{font-size: 34px; letter-spacing: -.045em;}
:is(html, body).d3-product #d3-long .test-results > div{min-height: 92px; padding: 12px;}
:is(html, body).d3-product #d3-long .test-results strong{font-size: 18px; line-height: 1.15;}
:is(html, body).d3-product #d3-long .test-results > div:nth-child(5),:is(html, body).d3-product #d3-long .d3-label-result{grid-column: 1 / -1; min-height: 0;}
:is(html, body).d3-product #d3-long .test-results > div:nth-child(5){align-items: center; flex-direction: row; justify-content: space-between; padding-block: 13px;}
:is(html, body).d3-product #d3-long .test-results > div:nth-child(5) strong{margin-top: 0;}
:is(html, body).d3-product #d3-long .d3-label-result{display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 12px; align-items: center; padding-block: 11px;}
:is(html, body).d3-product #d3-long .d3-label-result span{font-size: 13px; line-height: 1.2;}
:is(html, body).d3-product #d3-long .d3-label-result strong{margin-top: 0;}
:is(html, body).d3-product #d3-long .d3-label-result small{grid-column: 1 / -1; margin-top: 0; font-size: 12px; line-height: 1.2;}}
@media (max-width: 520px) {
  :is(html, body).d3-product .d3-content-nav {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-inline: 0 !important;
  }
}


/* cp1.css */
/* Puori CP1 export. Activated only for Shoptet productId 69. */
:is(html, body).cp1-product .cp1-scope{--ink: #172423;
  --muted: #667674;
  --line: #c9dcda;
  --soft: #eef7f6;
  --accent: #006460;
  --accent-2: #00877f;
  --positive: #168548;
  --warning: #b64131;
  --white: #fff;
  --radius: 8px;}
:is(html, body).cp1-product .eyebrow,:is(html, body).cp1-product .micro-title{margin: 0;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;}
:is(html, body).cp1-product .audience-block{margin-top: 24px;}
:is(html, body).cp1-product .audience-block .micro-title{color: var(--ink);
  letter-spacing: 0;
  text-transform: none;}
:is(html, body).cp1-product .audience-tags{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;}
:is(html, body).cp1-product .audience-tags a{display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;}
:is(html, body).cp1-product .audience-tags a:hover,:is(html, body).cp1-product .audience-tags a:focus-visible{border-color: var(--accent);
  background: var(--soft);}
:is(html, body).cp1-product .quick-proof{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html, body).cp1-product .quick-proof a{display: flex;
  min-height: 96px;
  flex-direction: column;
  justify-content: center;
  padding: 15px 17px;
  text-decoration: none;}
:is(html, body).cp1-product .quick-proof a:nth-child(odd){border-right: 1px solid var(--line);}
:is(html, body).cp1-product .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product .quick-proof strong{color: var(--accent); font-size: 17px;}
:is(html, body).cp1-product .quick-proof span{margin-top: 3px; color: var(--muted); font-size: 14px;}
:is(html, body).cp1-product .content-nav{display: flex;
  gap: 8px;
  justify-content: center;
  margin: 34px 0 20px;
  padding: 12px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f8fbfa;}
:is(html, body).cp1-product .content-nav a{flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;}
:is(html, body).cp1-product .content-nav a.is-active{border-color: var(--accent);
  color: #fff;
  background: var(--accent);}
@media (max-width: 520px){:is(html, body).cp1-product .audience-tags{display: grid; grid-template-columns: 1fr 1fr;}
:is(html, body).cp1-product .audience-tags a{align-items: flex-start; font-size: 14px; line-height: 1.25;}
:is(html, body).cp1-product .quick-proof a{min-height: 108px; padding: 13px;}
:is(html, body).cp1-product .quick-proof strong{font-size: 16px;}
:is(html, body).cp1-product .content-nav{justify-content: flex-start; margin-inline: -10px; border-inline: 0; border-radius: 0;}}
@media (max-width: 376px){:is(html, body).cp1-product .audience-tags{grid-template-columns: 1fr;}
:is(html, body).cp1-product .quick-proof strong{font-size: 15px;}
:is(html, body).cp1-product .quick-proof span{font-size: 14px;}}
:is(html, body).cp1-product .content-section{margin-top: 10px;
  scroll-margin-top: 92px;}
:is(html, body).cp1-product .content-section h2,:is(html, body).cp1-product .final-cta h2{margin: 8px 0 14px;
  font-size: clamp(32px, 4.2vw, 56px);
  line-height: 1.04;
  letter-spacing: -.035em;}
:is(html, body).cp1-product .content-section h3{line-height: 1.22;}
:is(html, body).cp1-product .content-section p{font-size: 16px;}
:is(html, body).cp1-product .story-hero .eyebrow{color: #a9e7e2;}
:is(html, body).cp1-product .story-hero__copy > p:not(.eyebrow){max-width: 58ch; color: #d9efed;}
:is(html, body).cp1-product .section-heading{max-width: 830px; padding: 48px 0 20px;}
:is(html, body).cp1-product .section-heading > p:not(.eyebrow){max-width: 66ch; color: var(--muted);}
:is(html, body).cp1-product .use-case-grid{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html, body).cp1-product .vitamin-section{display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 26px;
  padding: clamp(34px, 5vw, 66px);
  border-radius: var(--radius);
  background: linear-gradient(130deg, #e7f5f3 0%, #f8fbfa 100%);}
:is(html, body).cp1-product .vitamin-section > div:first-child p:not(.eyebrow){max-width: 65ch; color: var(--muted);}
:is(html, body).cp1-product .fibre-card{display: flex; flex-direction: column; justify-content: center; padding: 26px; border: 1px solid var(--line); border-radius: 6px; background: #fff;}
:is(html, body).cp1-product .fibre-card > span{color: var(--accent); font-weight: 800; text-transform: uppercase; letter-spacing: .06em;}
:is(html, body).cp1-product .fibre-card strong{padding: 8px 0; border-bottom: 1px solid #e3ecea; font-size: 20px;}
:is(html, body).cp1-product .fibre-card small{margin-top: 12px; color: var(--muted);}
:is(html, body).cp1-product .use-case-grid article{min-height: 210px; padding: 28px;}
:is(html, body).cp1-product .use-case-grid article:nth-child(odd){border-right: 1px solid var(--line);}
:is(html, body).cp1-product .use-case-grid article:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product .use-case-grid article > span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html, body).cp1-product .use-case-grid h3{margin: 36px 0 8px; font-size: 22px;}
:is(html, body).cp1-product .use-case-grid p{margin: 0; color: var(--muted);}
:is(html, body).cp1-product .routine-section{display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 590px;
  overflow: hidden;
  border-radius: var(--radius);
  background: #eef5f4;}
:is(html, body).cp1-product .routine-section > img{width: 100%; height: 100%; min-height: 590px; object-fit: cover; object-position: center;}
:is(html, body).cp1-product .routine-section__copy{align-self: center; padding: clamp(36px, 5vw, 68px);}
:is(html, body).cp1-product .routine-section ol{margin: 28px 0 0; padding: 0; list-style: none; counter-reset: routine;}
:is(html, body).cp1-product .routine-section li{position: relative; min-height: 74px; padding: 12px 0 12px 58px; border-top: 1px solid var(--line); counter-increment: routine;}
:is(html, body).cp1-product .routine-section li::before{content: counter(routine); position: absolute; top: 13px; left: 0; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-weight: 800;}
:is(html, body).cp1-product .routine-section li strong,:is(html, body).cp1-product .routine-section li span{display: block;}
:is(html, body).cp1-product .routine-section li span{margin-top: 2px; color: var(--muted);}
:is(html, body).cp1-product .testing .eyebrow{color: #a9e7e2;}
:is(html, body).cp1-product .testing__intro p:not(.eyebrow){max-width: 67ch; color: #d9efed;}
:is(html, body).cp1-product .testing-actions{display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-top: 24px;}
:is(html, body).cp1-product .stars{color: #d98900; font-size: 25px; letter-spacing: 2px;}
:is(html, body).cp1-product .video-row{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}
:is(html, body).cp1-product .video-card{position: relative; display: flex; min-width: 0; min-height: 410px; overflow: hidden; flex-direction: column; justify-content: flex-end; padding: 20px; border: 0; border-radius: var(--radius); color: #fff; background: #0a3836; text-align: left; cursor: pointer;}
:is(html, body).cp1-product .video-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0,27,25,.92) 100%);}
:is(html, body).cp1-product .video-card > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
:is(html, body).cp1-product .video-card > *:not(img){position: relative; z-index: 1;}
:is(html, body).cp1-product .video-card .play{position: absolute; top: 16px; right: 16px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(0,42,39,.56);}
:is(html, body).cp1-product .video-card strong{font-size: 20px; line-height: 1.2;}
:is(html, body).cp1-product .video-card small{margin-top: 5px; color: #d7e7e5;}
:is(html, body).cp1-product .faq-section{display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(30px, 5vw, 68px); padding-top: 38px;}
:is(html, body).cp1-product .faq-section aside h2{max-width: 9ch;}
:is(html, body).cp1-product .faq-list details{border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product .faq-list summary{position: relative; padding: 20px 40px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html, body).cp1-product .faq-list summary::-webkit-details-marker{display: none;}
:is(html, body).cp1-product .faq-list summary::after{content: "+"; position: absolute; top: 17px; right: 5px; color: var(--accent); font-size: 24px;}
:is(html, body).cp1-product .faq-list details[open] summary::after{content: "−";}
:is(html, body).cp1-product .faq-list details p{margin: 0 0 12px; color: var(--muted);}
:is(html, body).cp1-product .faq-list details a{display: inline-block; margin: 0 16px 18px 0; color: var(--accent); font-weight: 800;}
:is(html, body).cp1-product .final-cta{display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; overflow: hidden; border-radius: var(--radius); color: #fff; background: #002f2d;}
:is(html, body).cp1-product .final-cta > div{align-self: center; padding: clamp(36px, 5vw, 68px);}
:is(html, body).cp1-product .final-cta .eyebrow{color: #a9e7e2;}
:is(html, body).cp1-product .final-cta h2{color: #fff;}
:is(html, body).cp1-product .final-cta p:not(.eyebrow){color: #d1e7e4;}
:is(html, body).cp1-product .final-cta img{width: 100%; height: 100%; min-height: 520px; object-fit: cover;}
:is(html, body).cp1-product .media-dialog{width: min(480px, calc(100% - 28px)); max-width: none; padding: 0; overflow: hidden; border: 0; border-radius: 8px; background: #071f1e; color: #fff;}
:is(html, body).cp1-product .media-dialog::backdrop{background: rgba(2,19,18,.75);}
:is(html, body).cp1-product .media-dialog__head{display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 10px 16px;}
:is(html, body).cp1-product .media-dialog__head button{width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; color: #fff; background: transparent; font-size: 27px; cursor: pointer;}
:is(html, body).cp1-product .media-dialog__body{display: grid; min-height: min(76vh, 680px); place-items: center; background: #000;}
:is(html, body).cp1-product .media-dialog iframe{width: min(100%, 430px); height: min(76vh, 680px); border: 0;}
:is(html, body).cp1-product .media-dialog video{display: block; max-width: 100%; max-height: 75vh;}
@media (max-width: 900px){:is(html, body).cp1-product .routine-section,:is(html, body).cp1-product .final-cta{grid-template-columns: 1fr;}
:is(html, body).cp1-product .routine-section > img,:is(html, body).cp1-product .final-cta img{min-height: 430px; max-height: 560px;}
:is(html, body).cp1-product .vitamin-section{grid-template-columns: 1fr;}
:is(html, body).cp1-product .video-row{display: flex; overflow-x: auto; scroll-snap-type: x mandatory;}
:is(html, body).cp1-product .video-card{flex: 0 0 min(72vw, 290px); scroll-snap-align: start;}
:is(html, body).cp1-product .faq-section{grid-template-columns: 1fr;}
:is(html, body).cp1-product .faq-section aside h2{max-width: 14ch;}}
@media (max-width: 520px){:is(html, body).cp1-product .content-section{margin-top: 10px; scroll-margin-top: 120px;}
:is(html, body).cp1-product .content-section h2,:is(html, body).cp1-product .final-cta h2{font-size: 34px;}
:is(html, body).cp1-product .routine-section__copy,:is(html, body).cp1-product .final-cta > div{padding: 28px 22px;}
:is(html, body).cp1-product .routine-section > img,:is(html, body).cp1-product .final-cta img{min-height: 0; aspect-ratio: 1;}
:is(html, body).cp1-product .section-heading{padding: 30px 4px 14px;}
:is(html, body).cp1-product .use-case-grid{grid-template-columns: 1fr;}
:is(html, body).cp1-product .vitamin-section{padding: 26px 20px;}
:is(html, body).cp1-product .use-case-grid article{min-height: 0; padding: 22px;}
:is(html, body).cp1-product .use-case-grid article:nth-child(odd){border-right: 0;}
:is(html, body).cp1-product .use-case-grid article:not(:last-child){border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product .use-case-grid h3{margin-top: 23px;}
:is(html, body).cp1-product .testing-actions{flex-direction: column;}
:is(html, body).cp1-product .faq-section{padding-inline: 2px;}
:is(html, body).cp1-product .media-dialog__body{min-height: min(72vh, 620px);}
:is(html, body).cp1-product .media-dialog iframe{height: min(72vh, 620px);}}
:is(html, body).cp1-product .batch-link-row{display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  margin: 14px 0 24px;
  padding: 14px 16px;
  border-radius: var(--radius);
  background: #e7f4f2;}
:is(html, body).cp1-product .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).cp1-product .batch-link-row strong{font-size: 15px;}
:is(html, body).cp1-product .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).cp1-product .batch-link-row a{color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html, body).cp1-product .story-section{margin-top: 18px;
  padding-top: 28px;
  border-top: 1px solid var(--line);}
:is(html, body).cp1-product .story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html, body).cp1-product .story-intro h2{max-width: 24ch; margin: 0; font-size: clamp(38px,5.5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html, body).cp1-product .story-intro h2 > span,:is(html, body).cp1-product .performance-card-copy h3 > span,:is(html, body).cp1-product .use-cases .section-heading h2 > span,:is(html, body).cp1-product .research-voices .section-heading h2 > span{display: block;}
:is(html, body).cp1-product .story-intro > p:last-child{max-width: 60ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html, body).cp1-product .story-grid{display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); gap: 14px;}
:is(html, body).cp1-product .performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html, body).cp1-product .performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
:is(html, body).cp1-product .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,20,18,.05) 20%,rgba(3,20,18,.9) 100%);}
:is(html, body).cp1-product .performance-card-copy{position: absolute; z-index: 2; right: clamp(24px,4vw,48px); bottom: clamp(26px,4vw,48px); left: clamp(24px,4vw,48px);}
:is(html, body).cp1-product .performance-card-copy h3{max-width: none; margin: 0 0 14px; color: #fff; font-size: clamp(34px,4.5vw,56px); line-height: 1; letter-spacing: -.045em;}
:is(html, body).cp1-product .performance-card-copy p{max-width: 50ch; margin: 0; font-size: 17px;}
:is(html, body).cp1-product .story-facts{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html, body).cp1-product .story-fact{display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; padding: 24px; border-radius: var(--radius); background: #f0f4f3;}
:is(html, body).cp1-product .story-fact-primary{color: #fff; background: var(--accent);}
:is(html, body).cp1-product .story-fact-wide{grid-column: 1 / -1; min-height: 190px;}
:is(html, body).cp1-product .story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html, body).cp1-product .story-fact-primary > span{color: #cbe5e2;}
:is(html, body).cp1-product .story-fact > strong{margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em;}
:is(html, body).cp1-product .story-fact-primary > strong{color: #fff;}
:is(html, body).cp1-product .story-fact p{margin: 6px 0 0; color: var(--muted);}
:is(html, body).cp1-product .story-fact-primary p{color: #d8ecea;}
:is(html, body).cp1-product .vitamin-section,:is(html, body).cp1-product .use-cases,:is(html, body).cp1-product .routine-section,:is(html, body).cp1-product .reviews-section,:is(html, body).cp1-product .videos,:is(html, body).cp1-product .research-voices,:is(html, body).cp1-product .faq-section,:is(html, body).cp1-product .final-cta{margin-top: 40px;}
:is(html, body).cp1-product .vitamin-section{position: relative; background: #eef4f3;}
:is(html, body).cp1-product .use-case-grid article{background: #fff;}
:is(html, body).cp1-product .routine-section{min-height: 720px; background: #f0f4f3;}
:is(html, body).cp1-product .routine-section > img{min-height: 720px;}
:is(html, body).cp1-product .routine-section__copy .eyebrow{margin-bottom: 12px;}
:is(html, body).cp1-product .comparison-section{margin-top: 18px; padding: 28px 0 0; border-top: 1px solid var(--line);}
:is(html, body).cp1-product .comparison-table{display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html, body).cp1-product .comparison-head{display: flex; min-height: 220px; flex-direction: column; align-items: center; justify-content: flex-end; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html, body).cp1-product .comparison-head:not(:last-child),:is(html, body).cp1-product .comparison-label,:is(html, body).cp1-product .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html, body).cp1-product .comparison-head-puori{background: #e7f4f2;}
:is(html, body).cp1-product .comparison-head-other{background: #f0f4f3;}
:is(html, body).cp1-product .comparison-head img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html, body).cp1-product .comparison-head strong{max-width: 20ch;}
:is(html, body).cp1-product .comparison-label,:is(html, body).cp1-product .comparison-value{display: flex; min-height: 70px; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product .comparison-label{font-weight: 800;}
:is(html, body).cp1-product .comparison-value{color: var(--muted);}
:is(html, body).cp1-product .comparison-value-puori{color: var(--accent); background: #f5faf9; font-weight: 800;}
:is(html, body).cp1-product .comparison-section > .text-link{display: inline-block; margin-top: 18px;}
:is(html, body).cp1-product .testing-section{margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--radius); color: #fff; background: var(--accent);}
:is(html, body).cp1-product .testing-header{display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start;}
:is(html, body).cp1-product .testing-header p{margin: 0 0 8px; color: #bfe4df; font-weight: 800;}
:is(html, body).cp1-product .testing-header h2{max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em;}
:is(html, body).cp1-product .testing-header img{width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee;}
:is(html, body).cp1-product .testing-lead{max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px;}
:is(html, body).cp1-product .test-results{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25);}
:is(html, body).cp1-product .test-results div{display: flex; min-height: 110px; flex-direction: column; padding: 18px; background: rgba(0,46,43,.64);}
:is(html, body).cp1-product .test-results span{color: #cde7e4;}
:is(html, body).cp1-product .test-results strong{margin-top: auto; color: #fff; font-size: 22px;}
:is(html, body).cp1-product .testing-expiry{display: flex; gap: 18px; justify-content: space-between; margin: 14px 0 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; color: #d8efec; background: rgba(0,46,43,.48); font-size: 14px;}
:is(html, body).cp1-product .testing-expiry strong{color: #fff; white-space: nowrap;}
:is(html, body).cp1-product .testing-footer{display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px;}
:is(html, body).cp1-product .testing-actions{display: flex; gap: 22px; align-items: center; margin-top: 0;}
:is(html, body).cp1-product .testing-actions > a:not(.button){color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html, body).cp1-product .button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html, body).cp1-product .button-light{color: var(--accent); background: #fff;}
:is(html, body).cp1-product .testing-ai{display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html, body).cp1-product .testing-ai p{margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html, body).cp1-product .testing-ai-actions{display: flex; gap: 8px;}
:is(html, body).cp1-product .testing-ai-actions a{display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none;}
:is(html, body).cp1-product .reviews-section{display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: #e7f4f2;}
:is(html, body).cp1-product .reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html, body).cp1-product .reviews-summary > strong{margin: 0 0 4px; color: var(--accent); font-size: clamp(48px,4.6vw,66px); line-height: .9; letter-spacing: -.06em;}
:is(html, body).cp1-product .reviews-summary p{margin: 8px 0 0; color: var(--muted);}
:is(html, body).cp1-product .reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em;}
:is(html, body).cp1-product .reviews-content h2{margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em;}
:is(html, body).cp1-product .review-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
:is(html, body).cp1-product .review-grid blockquote{display: flex; min-height: 240px; flex-direction: column; margin: 0; padding: 20px; border-radius: 6px; background: #fff;}
:is(html, body).cp1-product .review-stars{display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em;}
:is(html, body).cp1-product .review-grid p{margin: 0; color: #33403e; font-size: 16px; font-weight: 600;}
:is(html, body).cp1-product .review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html, body).cp1-product .review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html, body).cp1-product .research-voices{padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).cp1-product .research-voices > .section-heading{margin-bottom: 28px;}
:is(html, body).cp1-product .research-voices > .section-heading{max-width: none;}
:is(html, body).cp1-product .research-voices > .section-heading h2{max-width: none;}
:is(html, body).cp1-product .research-voice-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html, body).cp1-product .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html, body).cp1-product .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html, body).cp1-product .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html, body).cp1-product .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html, body).cp1-product .research-quotes{display: grid; gap: 12px; margin: 18px 0 20px;}
:is(html, body).cp1-product .research-voice-grid blockquote{margin: 0; color: var(--ink); font-size: clamp(18px,1.55vw,22px); line-height: 1.28; letter-spacing: -.018em;}
:is(html, body).cp1-product .research-voice-grid blockquote strong{color: var(--accent); font-weight: 850;}
:is(html, body).cp1-product .research-expert-name{margin-top: auto;}
:is(html, body).cp1-product .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.4;}
:is(html, body).cp1-product .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html, body).cp1-product .research-source-links{display: flex; flex-wrap: wrap; gap: 4px 16px;}
:is(html, body).cp1-product .research-source-links a{display: inline-block;}
:is(html, body).cp1-product .faq-section{display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).cp1-product .faq-side{position: sticky; top: 24px;}
:is(html, body).cp1-product .faq-side h2{max-width: none; margin: 0 0 16px; font-size: clamp(40px,4.4vw,58px); line-height: 1; letter-spacing: -.05em;}
:is(html, body).cp1-product .faq-side h2 > span{display: block; white-space: nowrap;}
:is(html, body).cp1-product .faq-side > p{max-width: 32ch; color: var(--muted);}
:is(html, body).cp1-product .faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #f0f4f3;}
:is(html, body).cp1-product .faq-awards > p{margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em;}
:is(html, body).cp1-product .faq-awards-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center;}
:is(html, body).cp1-product .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html, body).cp1-product .faq-awards > small{display: block; margin-top: 14px; color: var(--muted); font-size: 12px;}
:is(html, body).cp1-product .final-cta{position: relative; display: flex; min-height: 540px; align-items: center; overflow: hidden; border-radius: var(--radius); color: #fff; background: var(--accent);}
:is(html, body).cp1-product .final-cta > img{position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center center;}
:is(html, body).cp1-product .final-cta > .final-cta-scrim{position: absolute; inset: 0; width: 100%; height: 100%; align-self: stretch; box-sizing: border-box; padding: 0; background: linear-gradient(90deg,rgba(0,65,61,.98) 0%,rgba(0,65,61,.9) 34%,rgba(0,65,61,.38) 66%,rgba(0,65,61,.04) 100%);}
:is(html, body).cp1-product .final-cta-copy{position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px);}
:is(html, body).cp1-product .final-cta-copy h2{margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html, body).cp1-product .final-cta-copy p:not(.eyebrow){margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px;}
:is(html, body).cp1-product .methodology-note{margin-top: 10px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9;}
:is(html, body).cp1-product .methodology-note summary{position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html, body).cp1-product .methodology-note summary::-webkit-details-marker{display: none;}
:is(html, body).cp1-product .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html, body).cp1-product .methodology-note details[open] summary::after{content: "−";}
:is(html, body).cp1-product .methodology-note details > div{padding: 0 0 15px;}
:is(html, body).cp1-product .methodology-note p{max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
@media (max-width: 900px){:is(html, body).cp1-product .story-grid{grid-template-columns: 1fr;}
:is(html, body).cp1-product .story-facts{grid-template-columns: 1fr;}
:is(html, body).cp1-product .story-fact-wide{grid-column: auto;}
:is(html, body).cp1-product .comparison-table{grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto;}
:is(html, body).cp1-product .testing-footer{grid-template-columns: 1fr;}
:is(html, body).cp1-product .reviews-section{grid-template-columns: 1fr;}}
@media (min-width: 901px){:is(html, body).cp1-product .performance-card-copy h3 > span{white-space: nowrap;}
:is(html, body).cp1-product .videos > .section-heading{max-width: none;}
:is(html, body).cp1-product .videos > .section-heading h2{max-width: none;}
:is(html, body).cp1-product .use-cases > .section-heading{max-width: none;}}
@media (max-width: 520px){:is(html, body).cp1-product .story-section{margin-top: 16px; padding-top: 24px;}
:is(html, body).cp1-product .story-intro h2{font-size: 42px;}
:is(html, body).cp1-product .story-intro > p:last-child{font-size: 16px;}
:is(html, body).cp1-product .performance-card{min-height: 540px;}
:is(html, body).cp1-product .story-fact{min-height: 178px; padding: 20px;}
:is(html, body).cp1-product .story-fact-primary{min-height: 230px;}
:is(html, body).cp1-product .vitamin-section,:is(html, body).cp1-product .use-cases,:is(html, body).cp1-product .routine-section,:is(html, body).cp1-product .reviews-section,:is(html, body).cp1-product .videos,:is(html, body).cp1-product .research-voices,:is(html, body).cp1-product .faq-section,:is(html, body).cp1-product .final-cta{margin-top: 32px;}
:is(html, body).cp1-product .routine-section{min-height: 0;}
:is(html, body).cp1-product .routine-section > img{min-height: 0; height: 430px; aspect-ratio: auto;}
:is(html, body).cp1-product .comparison-section{margin-top: 16px; padding-top: 24px;}
:is(html, body).cp1-product .comparison-table{grid-template-columns: 96px 148px 160px; overscroll-behavior-inline: contain;}
:is(html, body).cp1-product .comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html, body).cp1-product .comparison-head img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html, body).cp1-product .comparison-label,:is(html, body).cp1-product .comparison-value{min-width: 0; min-height: 82px; padding: 9px 7px; overflow-wrap: anywhere; font-size: 13px;}
:is(html, body).cp1-product .testing-section{margin-top: 14px; padding: 28px 20px;}
:is(html, body).cp1-product .testing-header{grid-template-columns: 1fr 70px; gap: 14px;}
:is(html, body).cp1-product .testing-header h2{font-size: 36px;}
:is(html, body).cp1-product .testing-header img{width: 70px; height: 70px;}
:is(html, body).cp1-product .testing-lead{margin-top: 18px; font-size: 16px;}
:is(html, body).cp1-product .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html, body).cp1-product .test-results div{min-height: 100px; padding: 14px;}
:is(html, body).cp1-product .testing-expiry{align-items: flex-start; flex-direction: column; gap: 4px;}
:is(html, body).cp1-product .testing-actions{align-items: stretch; flex-direction: column; gap: 14px;}
:is(html, body).cp1-product .testing-actions > a:not(.button){text-align: center;}
:is(html, body).cp1-product .testing-ai{grid-template-columns: 1fr auto;}
:is(html, body).cp1-product .reviews-section{gap: 22px; padding: 23px 17px;}
:is(html, body).cp1-product .reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html, body).cp1-product .review-grid{grid-template-columns: 1fr;}
:is(html, body).cp1-product .review-grid blockquote{min-height: 0; padding: 17px;}
:is(html, body).cp1-product .review-grid footer{margin-top: 10px; padding-top: 0;}
:is(html, body).cp1-product .research-voices{padding-top: 24px;}
:is(html, body).cp1-product .research-voices > .section-heading{margin-bottom: 22px;}
:is(html, body).cp1-product .research-voice-grid{grid-template-columns: 1fr;}
:is(html, body).cp1-product .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 350px;}
:is(html, body).cp1-product .research-voice-grid article > div{padding: 22px 18px;}
:is(html, body).cp1-product .research-quotes{gap: 10px; margin: 16px 0 18px;}
:is(html, body).cp1-product .research-voice-grid blockquote{font-size: 18px; line-height: 1.3;}
:is(html, body).cp1-product .faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 24px;}
:is(html, body).cp1-product .faq-side{position: static;}
:is(html, body).cp1-product .faq-side h2{max-width: none; font-size: 42px;}
:is(html, body).cp1-product .faq-awards{display: none;}
:is(html, body).cp1-product .final-cta{min-height: 0; padding-top: 300px; background: var(--accent);}
:is(html, body).cp1-product .final-cta > img{top: 0; bottom: auto; height: 320px; object-fit: cover; object-position: 52% center;}
:is(html, body).cp1-product .final-cta > .final-cta-scrim{top: 0; bottom: auto; height: 330px; background: linear-gradient(180deg,rgba(0,65,61,0) 55%,rgba(0,65,61,.38) 76%,rgba(0,65,61,1) 100%);}
:is(html, body).cp1-product .final-cta-copy{align-self: flex-end; width: 100%; padding: 30px 22px 28px; background: var(--accent);}
:is(html, body).cp1-product .final-cta-copy .eyebrow{margin-bottom: 12px; color: #c8f1ed; font-weight: 800; text-shadow: 0 1px 1px rgba(0,0,0,.18);}
:is(html, body).cp1-product .final-cta-copy h2{font-size: 38px;}
:is(html, body).cp1-product .methodology-note{padding: 0 15px;}}
:is(html, body).cp1-product{--cp1-ink: #172423;
  --cp1-muted: #667674;
  --cp1-line: #c9dcda;
  --cp1-line-strong: #aac9c6;
  --cp1-soft: #eef7f6;
  --cp1-tint: #e4f3f1;
  --cp1-surface: #fff;
  --cp1-accent: #006460;
  --cp1-promo: #a53c2f;
  --cp1-promo-soft: #fff3f0;
  --cp1-positive: #16874b;}
:is(html, body).cp1-product #cp1-long > .content-section + .content-section{margin-top: 10px !important;}
:is(html, body).cp1-product .p-short-description .vice-info,:is(html, body).cp1-product .social-buttons-wrapper{display: none !important;}
:is(html, body).cp1-product #cp1-short,:is(html, body).cp1-product #cp1-long,:is(html, body).cp1-product .cp1-content-nav,:is(html, body).cp1-product #cp1-video-dialog{font-family: inherit !important;}
:is(html, body).cp1-product #cp1-short{margin: 22px 0 6px; background: transparent;}
:is(html, body).cp1-product #cp1-short .audience-block{margin-top: 0;}
:is(html, body).cp1-product #cp1-short .audience-tags{margin-bottom: 12px;}
:is(html, body).cp1-product #cp1-short .audience-tags a,:is(html, body).cp1-product #cp1-short .quick-proof a,:is(html, body).cp1-product #cp1-short .batch-link-row a,:is(html, body).cp1-product .cp1-content-nav a,:is(html, body).cp1-product #cp1-long .video-card,:is(html, body).cp1-product #cp1-long .button{text-decoration: none !important;}
:is(html, body).cp1-product .p-detail > .cp1-content-nav{box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;}
:is(html, body).cp1-product .cp1-content-nav .content-nav-inner{display: flex;
  justify-content: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;}
:is(html, body).cp1-product .cp1-content-nav .content-nav-inner::-webkit-scrollbar{display: none;}
:is(html, body).cp1-product .p-detail-tabs-wrapper .shp-tabs-row{display: none !important;}
:is(html, body).cp1-product #description > .description-inner > h3:first-child{display: none;}
:is(html, body).cp1-product #description .description-inner{max-width: none; padding-top: 0;}
:is(html, body).cp1-product #cp1-long{width: min(1220px, 100%); margin-inline: auto; background: transparent;}
:is(html, body).cp1-product #product-detail-form .quantity-discounts{margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;}
:is(html, body).cp1-product #product-detail-form .quantity-discounts__headline{color: var(--cp1-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;}
:is(html, body).cp1-product .cp1-quantity-table{display: grid !important; gap: 14px;}
:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item{position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--cp1-line-strong) !important;
  border-radius: 6px;
  background: var(--cp1-surface) !important;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;}
:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item:active{transform: scale(.99);}
:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item:focus-visible{outline: 3px solid var(--cp1-accent); outline-offset: 2px;}
:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item--highlighted{border-color: var(--cp1-accent) !important;
  background: var(--cp1-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);}
:is(html, body).cp1-product .cp1-quantity-table .cp1-quantity-3.quantity-discounts__item--highlighted{border-color: var(--cp1-promo) !important;
  background: var(--cp1-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);}
:is(html, body).cp1-product .cp1-option-copy strong,:is(html, body).cp1-product .cp1-option-copy small,:is(html, body).cp1-product .cp1-option-price strong,:is(html, body).cp1-product .cp1-option-price small{display: block;}
:is(html, body).cp1-product .cp1-option-copy strong{color: var(--cp1-ink); font-size: 16px; font-weight: 800;}
:is(html, body).cp1-product .cp1-option-copy small,:is(html, body).cp1-product .cp1-option-price small{margin-top: 3px; color: var(--cp1-muted); font-size: 14px; line-height: 1.35;}
:is(html, body).cp1-product .cp1-option-price{color: var(--cp1-ink); font-size: 0; text-align: right;}
:is(html, body).cp1-product .cp1-option-price strong{font-size: 17px; line-height: 1.25;}
:is(html, body).cp1-product .cp1-best-badge{position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--cp1-promo);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;}
:is(html, body).cp1-product .cp1-option-benefits{display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--cp1-line);
  color: var(--cp1-positive);
  font-size: 14px;}
:is(html, body).cp1-product .quantity-discounts__save{display: none !important;}
:is(html, body).cp1-product #product-detail-form .price-final-holder{display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;}
:is(html, body).cp1-product #product-detail-form .cp1-main-price-old{color: #b43d32;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;}
:is(html, body).cp1-product #product-detail-form .cp1-main-price-current{color: inherit; font: inherit; white-space: nowrap;}
:is(html, body).cp1-product #cp1-video-dialog[open]{position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;}
:is(html, body).cp1-product #cp1-video-dialog video,:is(html, body).cp1-product #cp1-video-dialog iframe{width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;}
:is(html, body).cp1-product.cp1-video-open{overflow: hidden;}
@media (hover: hover) and (pointer: fine){:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item:hover{border-color: var(--cp1-accent) !important;
    background: var(--cp1-soft) !important;}}
@media (min-width: 768px){:is(html, body).cp1-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0 !important;}
:is(html, body).cp1-product .cp1-benefit-banner{display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--cp1-line);
    border-bottom: 1px solid var(--cp1-line);
    background: transparent !important;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__item{width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__item:nth-child(even){border-left: 1px solid var(--cp1-line) !important;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__item:nth-child(n + 3){border-top: 1px solid var(--cp1-line) !important;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__link{display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--cp1-ink) !important;
    text-decoration: none !important;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__picture{width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; background-size: contain !important;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__content{min-width: 0;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__title{display: block; color: var(--cp1-ink); font-size: 15px; line-height: 1.25;}
:is(html, body).cp1-product .cp1-benefit-banner .benefitBanner__data{margin-top: 4px; color: var(--cp1-muted); font-size: 14px; line-height: 1.35;}}
@media (max-width: 767px){:is(html, body).cp1-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0 !important;}
:is(html, body).cp1-product .cp1-content-nav .content-nav-inner{justify-content: flex-start;}
:is(html, body).cp1-product #product-detail-form .price-final-holder{font-size: 36px !important; line-height: 1.1;}}
@media (max-width: 430px){:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item{grid-template-columns: 1fr;}
:is(html, body).cp1-product .cp1-option-price{text-align: left;}}
@media (prefers-reduced-motion: reduce){:is(html, body).cp1-product .cp1-quantity-table .quantity-discounts__item{transition-duration: .01ms !important;}}
:is(html, body).cp1-product #cp1-long .section-heading{padding: 30px 0 20px;}
:is(html, body).cp1-product #cp1-long .story-grid{grid-template-columns: minmax(0,1.15fr) minmax(390px,.85fr); align-items: stretch;}
:is(html, body).cp1-product #cp1-long .performance-card{position: relative; overflow: hidden; min-height: 650px;}
:is(html, body).cp1-product #cp1-long .performance-card > img{width: 100%; height: 100%; object-fit: cover; object-position: center 42%;}
:is(html, body).cp1-product #cp1-long .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,50,47,.92),rgba(0,50,47,.55) 48%,rgba(0,50,47,.06));}
:is(html, body).cp1-product #cp1-long .performance-card-copy{position: absolute; z-index: 2; left: 0; bottom: 0; max-width: 650px; padding: clamp(28px,5vw,58px); color: #fff;}
:is(html, body).cp1-product #cp1-long .performance-card-copy h3{margin: 0 0 12px; color: #fff; font-size: clamp(38px,4.8vw,64px); line-height: .98; letter-spacing: -.045em;}
:is(html, body).cp1-product #cp1-long .performance-card-copy p{color: #d9efed; font-size: 18px;}
:is(html, body).cp1-product #cp1-long .story-facts{min-height: 650px;}
:is(html, body).cp1-product #cp1-long .vitamin-section{display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.7fr); background: #eef4f3;}
:is(html, body).cp1-product #cp1-long .cp1-formula-section{position: relative; isolation: isolate; min-height: 520px; overflow: hidden; color: #fff; background: #003f3c;}
:is(html, body).cp1-product #cp1-long .cp1-formula-bg,:is(html, body).cp1-product #cp1-long .cp1-formula-scrim{position: absolute; inset: 0; width: 100%; height: 100%;}
:is(html, body).cp1-product #cp1-long .cp1-formula-bg{z-index: -2; object-fit: cover; object-position: center 46%;}
:is(html, body).cp1-product #cp1-long .cp1-formula-scrim{z-index: -1; background: linear-gradient(90deg,rgba(0,48,45,.97) 0%,rgba(0,65,61,.91) 43%,rgba(0,65,61,.56) 68%,rgba(0,65,61,.2) 100%);}
:is(html, body).cp1-product #cp1-long .vitamin-section__copy{align-self: center;}
:is(html, body).cp1-product #cp1-long .cp1-formula-section .vitamin-section__copy{color: #fff;}
:is(html, body).cp1-product #cp1-long .cp1-formula-section .vitamin-section__copy h2{color: #fff;}
:is(html, body).cp1-product #cp1-long .cp1-formula-section .vitamin-section__copy p:not(.eyebrow){color: #d8efec;}
:is(html, body).cp1-product #cp1-long .fibre-card{box-shadow: none; background: rgba(255,255,255,.92); backdrop-filter: blur(3px);}
:is(html, body).cp1-product #cp1-long .cp1-formula-section .fibre-card span,:is(html, body).cp1-product #cp1-long .cp1-formula-section .fibre-card strong,:is(html, body).cp1-product #cp1-long .cp1-formula-section .fibre-card small{color: var(--ink);}
:is(html, body).cp1-product #cp1-long .cp1-formula-section .fibre-card span{color: var(--accent);}
:is(html, body).cp1-product #cp1-long .use-case-grid > article{display: flex; min-width: 0; min-height: 230px; flex-direction: column; padding: 28px; color: inherit; background: #fff;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article:nth-child(odd){border-right: 1px solid var(--line);}
:is(html, body).cp1-product #cp1-long .use-case-grid > article:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product #cp1-long .use-case-grid > article > span{color: var(--accent); font-weight: 850;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article > h3{margin: 18px 0 8px;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article > p{margin: 0; color: var(--muted);}
:is(html, body).cp1-product #cp1-long .use-case-grid > article > a{margin-top: auto; padding-top: 20px; color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article > a:hover{text-decoration: underline; text-underline-offset: 3px;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article:hover{background: #f5faf9;}
:is(html, body).cp1-product #cp1-long .faq-article-link{display: inline-block; margin-top: 10px; color: var(--accent); font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px;}
:is(html, body).cp1-product #cp1-long .cp1-table-packshot{width: 110px; height: 110px; margin: 0 0 10px; object-fit: contain;}
:is(html, body).cp1-product #cp1-long .generic-collagen{position: relative; display: block; width: 58px; height: 82px; margin: 25px 0 15px; border: 1px solid #c6cfcd; border-radius: 4px 4px 9px 9px; background: linear-gradient(#fff,#e8eceb); box-shadow: 0 8px 18px rgba(10,40,38,.09);}
:is(html, body).cp1-product #cp1-long .generic-collagen::before{content: ""; position: absolute; left: 7px; right: 7px; top: -12px; height: 15px; border-radius: 4px 4px 2px 2px; background: #242827;}
:is(html, body).cp1-product #cp1-long .generic-collagen::after{content: ""; position: absolute; inset: 27px 8px 12px; background: #f7f6f0; border: 1px solid #d6dcda;}
:is(html, body).cp1-product #cp1-long .review-stars,:is(html, body).cp1-product #cp1-long .reviews-summary-stars{color: #d98200;}
:is(html, body).cp1-product #cp1-long .test-results small{display: block; margin-top: 6px; color: #cde7e4; font-size: 13px; line-height: 1.35;}
:is(html, body).cp1-product #cp1-long .test-result-claim strong{font-size: clamp(18px,1.7vw,22px);}
:is(html, body).cp1-product #cp1-long .video-card img{object-fit: cover; object-position: center;}
:is(html, body).cp1-product #cp1-long .final-cta > img{object-position: 70% center;}
:is(html, body).cp1-product #cp1-long .faq-awards-grid img{width: 100%; height: 70px; object-fit: contain;}
:is(html, body).cp1-product #cp1-long .testing-ai-actions img{width: 24px; height: 24px; object-fit: contain;}
@media (max-width: 720px){:is(html, body).cp1-product #cp1-long .section-heading{padding: 30px 4px 14px;}
:is(html, body).cp1-product #cp1-long .story-grid{grid-template-columns: 1fr;}
:is(html, body).cp1-product #cp1-long .performance-card{min-height: 500px;}
:is(html, body).cp1-product #cp1-long .performance-card > img{object-position: 63% center;}
:is(html, body).cp1-product #cp1-long .performance-card-copy{max-width: 92%;}
:is(html, body).cp1-product #cp1-long .performance-card-copy h3{font-size: 38px;}
:is(html, body).cp1-product #cp1-long .story-facts{min-height: 0;}
:is(html, body).cp1-product #cp1-long .vitamin-section{grid-template-columns: 1fr;}
:is(html, body).cp1-product #cp1-long .cp1-formula-section{min-height: 700px;}
:is(html, body).cp1-product #cp1-long .cp1-formula-bg{object-position: 64% center;}
:is(html, body).cp1-product #cp1-long .cp1-formula-scrim{background: linear-gradient(180deg,rgba(0,54,51,.96) 0%,rgba(0,65,61,.82) 58%,rgba(0,65,61,.35) 100%);}
:is(html, body).cp1-product #cp1-long .comparison-table{grid-template-columns: 124px repeat(2,220px);}
:is(html, body).cp1-product #cp1-long .cp1-table-packshot{width: 60px; height: 60px; margin-bottom: 10px;}
:is(html, body).cp1-product #cp1-long .generic-collagen{width: 42px; height: 60px; margin: 6px 0 14px; border-radius: 3px 3px 6px 6px;}
:is(html, body).cp1-product #cp1-long .generic-collagen::before{left: 5px; right: 5px; top: -9px; height: 11px; border-radius: 3px 3px 2px 2px;}
:is(html, body).cp1-product #cp1-long .generic-collagen::after{inset: 19px 6px 8px;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article{min-height: 0; padding: 22px 18px;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article:nth-child(odd){border-right: 0;}
:is(html, body).cp1-product #cp1-long .use-case-grid > article:not(:last-child){border-bottom: 1px solid var(--line);}
:is(html, body).cp1-product #cp1-long .test-results > div:nth-child(5),:is(html, body).cp1-product #cp1-long .test-result-claim{grid-column: 1 / -1; min-height: 0;}
:is(html, body).cp1-product #cp1-long .test-results > div:nth-child(5){align-items: center; flex-direction: row; justify-content: space-between; padding-block: 13px;}
:is(html, body).cp1-product #cp1-long .test-results > div:nth-child(5) strong{margin-top: 0;}
:is(html, body).cp1-product #cp1-long .test-result-claim{display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3px 12px; padding-block: 11px;}
:is(html, body).cp1-product #cp1-long .test-result-claim span{font-size: 13px; line-height: 1.2;}
:is(html, body).cp1-product #cp1-long .test-result-claim strong{margin-top: 0; font-size: 18px; line-height: 1.15; text-align: right;}
:is(html, body).cp1-product #cp1-long .test-result-claim small{grid-column: 1 / -1; margin-top: 0; font-size: 12px; line-height: 1.2;}
:is(html, body).cp1-product #cp1-long .research-voice-grid .research-voice-kris{grid-template-columns: 1fr;}
:is(html, body).cp1-product #cp1-long .research-voice-grid .research-voice-kris > img{width: calc(100% - 32px); height: auto; aspect-ratio: 1; margin: 16px 16px 0; object-fit: contain; object-position: center; border-radius: 4px;}
:is(html, body).cp1-product #cp1-long .final-cta > img{object-position: 69% center;}}
@media (min-width: 901px){:is(html, body).cp1-product #cp1-long #testovanie,:is(html, body).cp1-product #cp1-long #skusenosti{margin-top: 18px !important;}}
@media (max-width:520px){
  :is(html,body).cp1-product .cp1-content-nav{box-sizing:border-box;width:100%;max-width:100%;margin-inline:0!important}
}


/* p3.css */
/* Puori P3 export. Activated only for Shoptet productId 60. */
:is(html, body).p3-product .p3-scope{--ink: #172423;
  --muted: #667674;
  --line: #c9dcda;
  --soft: #eef7f6;
  --accent: #006460;
  --accent-2: #00877f;
  --positive: #168548;
  --warning: #b64131;
  --white: #fff;
  --radius: 8px;}
:is(html, body).p3-product .audience-tags{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;}
:is(html, body).p3-product .audience-tags a{display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;}
:is(html, body).p3-product .audience-tags a:hover,:is(html, body).p3-product .audience-tags a:focus-visible{border-color: var(--accent);
  background: var(--soft);}
:is(html, body).p3-product .quick-proof{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html, body).p3-product .quick-proof a{display: flex;
  min-height: 96px;
  flex-direction: column;
  justify-content: center;
  padding: 15px 17px;
  text-decoration: none;}
:is(html, body).p3-product .quick-proof a:nth-child(odd){border-right: 1px solid var(--line);}
:is(html, body).p3-product .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).p3-product .quick-proof strong{color: var(--accent); font-size: 17px;}
:is(html, body).p3-product .quick-proof span{margin-top: 3px; color: var(--muted); font-size: 14px;}
@media (max-width: 520px){:is(html, body).p3-product .audience-tags{display: grid; grid-template-columns: 1fr 1fr;}
:is(html, body).p3-product .audience-tags a{align-items: flex-start; font-size: 14px; line-height: 1.25;}
:is(html, body).p3-product .quick-proof a{min-height: 108px; padding: 13px;}
:is(html, body).p3-product .quick-proof strong{font-size: 16px;}}
@media (max-width: 376px){:is(html, body).p3-product .audience-tags{grid-template-columns: 1fr;}
:is(html, body).p3-product .quick-proof strong{font-size: 15px;}
:is(html, body).p3-product .quick-proof span{font-size: 14px;}}
:is(html, body).p3-product .batch-link-row{display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  margin: 14px 0 24px;
  padding: 14px 16px;
  border-radius: var(--radius);
  background: #e7f4f2;}
:is(html, body).p3-product .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).p3-product .batch-link-row strong{font-size: 15px;}
:is(html, body).p3-product .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).p3-product .batch-link-row a{color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html, body).p3-product .p-short-description .vice-info,:is(html, body).p3-product .social-buttons-wrapper{display: none !important;}
:is(html, body).p3-product #p3-short,:is(html, body).p3-product #p3-long,:is(html, body).p3-product #p3-video-dialog{font-family: inherit !important;}
:is(html, body).p3-product #p3-short{margin: 22px 0 6px; background: transparent;}
:is(html, body).p3-product #p3-short .audience-block{margin-top: 0;}
:is(html, body).p3-product #p3-short .audience-tags{margin-bottom: 12px;}
:is(html, body).p3-product #p3-short .audience-tags a,:is(html, body).p3-product #p3-short .quick-proof a,:is(html, body).p3-product #p3-short .batch-link-row a{text-decoration: none !important;}
:is(html, body).p3-product .p-detail-tabs-wrapper .shp-tabs-row{display: none !important;}
:is(html, body).p3-product #description > .description-inner > h3:first-child{display: none;}
:is(html, body).p3-product #description .description-inner{max-width: none; padding-top: 0;}
:is(html, body).p3-product #p3-long{width: min(1220px, 100%); margin-inline: auto; background: transparent;}
:is(html, body).p3-product #product-detail-form .quantity-discounts{margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;}
:is(html, body).p3-product #product-detail-form .quantity-discounts__headline{color: var(--p3-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;}
:is(html, body).p3-product .p3-quantity-table{display: grid !important; gap: 14px;}
:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item{position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--p3-line-strong) !important;
  border-radius: 6px;
  background: var(--p3-surface) !important;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;}
:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item:active{transform: scale(.99);}
:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item:focus-visible{outline: 3px solid var(--p3-accent); outline-offset: 2px;}
:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item--highlighted{border-color: var(--p3-accent) !important;
  background: var(--p3-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);}
:is(html, body).p3-product .p3-quantity-table .p3-quantity-3.quantity-discounts__item--highlighted{border-color: var(--p3-promo) !important;
  background: var(--p3-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);}
:is(html, body).p3-product .p3-option-copy strong,:is(html, body).p3-product .p3-option-copy small,:is(html, body).p3-product .p3-option-price strong,:is(html, body).p3-product .p3-option-price small{display: block;}
:is(html, body).p3-product .p3-option-copy strong{color: var(--p3-ink); font-size: 16px; font-weight: 800;}
:is(html, body).p3-product .p3-option-copy small,:is(html, body).p3-product .p3-option-price small{margin-top: 3px; color: var(--p3-muted); font-size: 14px; line-height: 1.35;}
:is(html, body).p3-product .p3-option-price{color: var(--p3-ink); font-size: 0; text-align: right;}
:is(html, body).p3-product .p3-option-price strong{font-size: 17px; line-height: 1.25;}
:is(html, body).p3-product .p3-best-badge{position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--p3-promo);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;}
:is(html, body).p3-product .p3-option-benefits{display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--p3-line);
  color: var(--p3-positive);
  font-size: 14px;}
:is(html, body).p3-product .quantity-discounts__save{display: none !important;}
:is(html, body).p3-product #product-detail-form .price-final-holder{display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;}
:is(html, body).p3-product #product-detail-form .p3-main-price-old{color: #b43d32;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;}
:is(html, body).p3-product #product-detail-form .p3-main-price-current{color: inherit; font: inherit; white-space: nowrap;}
:is(html, body).p3-product #p3-video-dialog[open]{position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  overflow: auto;}
:is(html, body).p3-product #p3-video-dialog video,:is(html, body).p3-product #p3-video-dialog iframe{width: 100% !important;
  height: min(78dvh, 780px) !important;
  max-height: min(78dvh, 780px) !important;
  object-fit: contain;}
:is(html, body).p3-product.p3-video-open{overflow: hidden;}
@media (hover: hover) and (pointer: fine){:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item:hover{border-color: var(--p3-accent) !important;
    background: var(--p3-soft) !important;}}
@media (min-width: 768px){:is(html, body).p3-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0 !important;}
:is(html, body).p3-product .p3-benefit-banner{display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--p3-line);
    border-bottom: 1px solid var(--p3-line);
    background: transparent !important;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__item{width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__item:nth-child(even){border-left: 1px solid var(--p3-line) !important;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__item:nth-child(n + 3){border-top: 1px solid var(--p3-line) !important;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__link{display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--p3-ink) !important;
    text-decoration: none !important;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__picture{width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; background-size: contain !important;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__content{min-width: 0;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__title{display: block; color: var(--p3-ink); font-size: 15px; line-height: 1.25;}
:is(html, body).p3-product .p3-benefit-banner .benefitBanner__data{margin-top: 4px; color: var(--p3-muted); font-size: 14px; line-height: 1.35;}}
@media (max-width: 767px){:is(html, body).p3-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0 !important;}
:is(html, body).p3-product #product-detail-form .price-final-holder{font-size: 36px !important; line-height: 1.1;}}
@media (max-width: 430px){:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item{grid-template-columns: 1fr;}
:is(html, body).p3-product .p3-option-price{text-align: left;}}
@media (prefers-reduced-motion: reduce){:is(html, body).p3-product .p3-quantity-table .quantity-discounts__item{transition-duration: .01ms !important;}}
:is(html,body).p3-product #p3-long button,:is(html,body).p3-product #p3-long input{font:inherit}
:is(html,body).p3-product #p3-long .product{width:min(1440px,calc(100% - 40px));margin:auto}
:is(html,body).p3-product #p3-long .stars,:is(html,body).p3-product #p3-long .review-stars{color:var(--gold);letter-spacing:2px}
:is(html,body).p3-product #p3-short .audience-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
:is(html,body).p3-product #p3-short .audience-tags p{width:100%;margin:0 0 5px}
:is(html,body).p3-product #p3-short .audience-tags p span{display:block;color:var(--muted)}
:is(html,body).p3-product #p3-short .audience-tags a{border:1px solid var(--line);border-radius:7px;padding:9px 12px;text-decoration:none;color:var(--brand);font-weight:700}
:is(html,body).p3-product #p3-short .quick-proof{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
:is(html,body).p3-product #p3-short .quick-proof a{min-height:108px;padding:17px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
:is(html,body).p3-product #p3-short .quick-proof a:nth-child(2n){border-right:0}
:is(html,body).p3-product #p3-short .quick-proof a:nth-child(n+3){border-bottom:0}
:is(html,body).p3-product #p3-short .quick-proof strong,:is(html,body).p3-product #p3-short .quick-proof span{display:block}
:is(html,body).p3-product #p3-short .quick-proof strong{color:var(--brand);font-size:18px}
:is(html,body).p3-product #p3-short .quick-proof span{color:var(--muted);margin-top:5px}
:is(html,body).p3-product #p3-short .batch-link-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:14px 0 24px;padding:14px 16px;border-radius:var(--radius);background:var(--pale)}
:is(html,body).p3-product #p3-short .batch-link-row div{display:flex;flex-direction:column}
:is(html,body).p3-product #p3-short .batch-link-row strong{font-size:15px}
:is(html,body).p3-product #p3-short .batch-link-row span{margin-top:2px;color:var(--muted);font-size:14px}
:is(html,body).p3-product #p3-short .batch-link-row a{color:var(--brand);font-weight:800;text-underline-offset:3px;white-space:nowrap}
:is(html,body).p3-product .p3-content-nav{position:sticky;top:0;z-index:10;margin:35px 0 20px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-radius:var(--radius)}
:is(html,body).p3-product .p3-content-nav a{flex:0 0 auto;padding:10px 15px;border-radius:6px;text-decoration:none!important;font-weight:700;color:var(--brand)}
:is(html,body).p3-product .p3-content-nav a:hover,:is(html,body).p3-product .p3-content-nav a:focus-visible{text-decoration:none!important}
:is(html,body).p3-product .p3-content-nav a.is-active{background:var(--brand);color:white}
:is(html,body).p3-product #p3-long .section-heading{max-width:980px;padding:30px 0 24px}
:is(html,body).p3-product #p3-long .section-heading>p,:is(html,body).p3-product #p3-long .routine-section>div>p,:is(html,body).p3-product #p3-long .testing-header p,:is(html,body).p3-product #p3-long .final-cta p{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px}
:is(html,body).p3-product #p3-long .section-heading h2,:is(html,body).p3-product #p3-long .testing-header h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;line-height:1.03;margin:0 0 16px}
:is(html,body).p3-product #p3-long .section-heading>span{display:block;color:var(--muted);font-size:19px}
:is(html,body).p3-product #p3-long .heading-keep{white-space:nowrap}
:is(html,body).p3-product #p3-long .story-section,:is(html,body).p3-product #p3-long .contents-section,:is(html,body).p3-product #p3-long .routine-section,:is(html,body).p3-product #p3-long .travel-section,:is(html,body).p3-product #p3-long .comparison-section,:is(html,body).p3-product #p3-long .testing-section,:is(html,body).p3-product #p3-long .reviews-section,:is(html,body).p3-product #p3-long .videos-section,:is(html,body).p3-product #p3-long .research-voices,:is(html,body).p3-product #p3-long .faq-section,:is(html,body).p3-product #p3-long .final-cta{margin-top:18px}
:is(html,body).p3-product #p3-long .story-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:14px}
:is(html,body).p3-product #p3-long .story-photo{position:relative;min-height:620px;overflow:hidden;border-radius:var(--radius)}
:is(html,body).p3-product #p3-long .story-photo img{width:100%;height:100%;object-fit:cover}
:is(html,body).p3-product #p3-long .story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,47,44,.9),rgba(2,47,44,.12) 70%)}
:is(html,body).p3-product #p3-long .story-photo>div{position:absolute;z-index:1;left:7%;bottom:7%;max-width:620px;color:white}
:is(html,body).p3-product #p3-long .story-photo h3{font-size:clamp(38px,5vw,68px);line-height:1;margin:8px 0}
:is(html,body).p3-product #p3-long .story-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(html,body).p3-product #p3-long .story-facts article{background:#f0f4f3;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:flex-end}
:is(html,body).p3-product #p3-long .story-facts .primary{background:var(--brand);color:white}
:is(html,body).p3-product #p3-long .story-facts strong{font-size:clamp(54px,7vw,94px);line-height:1}
:is(html,body).p3-product #p3-long .story-facts article:nth-child(2)>strong{color:var(--brand)}
:is(html,body).p3-product #p3-long .story-facts p{color:inherit}
:is(html,body).p3-product #p3-long .story-facts .wide{grid-column:1/-1}
:is(html,body).p3-product #p3-long .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
:is(html,body).p3-product #p3-long .metric-grid div{background:#f0f4f3;padding:16px}
:is(html,body).p3-product #p3-long .metric-grid strong{font-size:26px;color:var(--brand)}
:is(html,body).p3-product #p3-long .metric-grid small{display:block;color:var(--muted)}
:is(html,body).p3-product #p3-long .ingredient-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
:is(html,body).p3-product #p3-long .ingredient-cards article{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
:is(html,body).p3-product #p3-long .ingredient-card-top{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-height:104px}
:is(html,body).p3-product #p3-long .ingredient-cards b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--brand);color:white;font-size:20px}
:is(html,body).p3-product #p3-long .ingredient-card-top img{display:block;width:100%;height:90px;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 7px rgba(16,48,44,.12))}
:is(html,body).p3-product #p3-long .ingredient-card-top img[src*="d3-capsule"]{max-width:90px;justify-self:center}
:is(html,body).p3-product #p3-long .ingredient-cards h3{font-size:25px;line-height:1.15}
:is(html,body).p3-product #p3-long .ingredient-cards p{color:var(--muted)}
:is(html,body).p3-product #p3-long .ingredient-cards a{margin-top:auto;padding-top:12px;color:var(--brand);font-weight:800}
:is(html,body).p3-product #p3-long .routine-section{display:grid;grid-template-columns:1fr 1fr;background:#f1f6f5;border-radius:var(--radius);overflow:hidden}
:is(html,body).p3-product #p3-long .routine-photo{min-height:560px}
:is(html,body).p3-product #p3-long .routine-photo img{width:100%;height:100%;object-fit:cover}
:is(html,body).p3-product #p3-long .routine-section>div:last-child{padding:7%;display:flex;flex-direction:column;justify-content:center}
:is(html,body).p3-product #p3-long .routine-section h2{font-size:clamp(38px,4vw,60px);line-height:1.02;margin:0 0 18px}
:is(html,body).p3-product #p3-long .steps{display:grid;gap:8px}
:is(html,body).p3-product #p3-long .steps article{background:white;border:1px solid var(--line);border-radius:7px;padding:13px 15px}
:is(html,body).p3-product #p3-long .steps strong,:is(html,body).p3-product #p3-long .steps span{display:block}
:is(html,body).p3-product #p3-long .steps span{color:var(--muted)}
:is(html,body).p3-product #p3-long .routine-section small{margin-top:16px;color:var(--muted)}
:is(html,body).p3-product #p3-long .travel-section{min-height:650px;position:relative;overflow:hidden;border-radius:var(--radius)}
:is(html,body).p3-product #p3-long .travel-section img{position:absolute;width:100%;height:100%;object-fit:cover}
:is(html,body).p3-product #p3-long .travel-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,57,53,.9),rgba(0,57,53,.06) 74%)}
:is(html,body).p3-product #p3-long .travel-section div{position:relative;z-index:1;color:white;padding:8%;max-width:760px}
:is(html,body).p3-product #p3-long .travel-section h2{font-size:clamp(44px,6vw,80px);line-height:1;margin:10px 0 18px}
:is(html,body).p3-product #p3-long .travel-section span{font-size:20px}
:is(html,body).p3-product #p3-long .comparison-table{display:grid;grid-template-columns:minmax(170px,.75fr) 1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
:is(html,body).p3-product #p3-long .comparison-table>div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
:is(html,body).p3-product #p3-long .comparison-table>div:nth-child(3n){border-right:0}
:is(html,body).p3-product #p3-long .comparison-head{text-align:center;background:#f0f4f3}
:is(html,body).p3-product #p3-long .comparison-head.puori,:is(html,body).p3-product #p3-long .value.puori{background:var(--pale);color:var(--brand);font-weight:800}
:is(html,body).p3-product #p3-long .comparison-head img{width:150px;height:150px;margin:0 auto 12px;border-radius:8px;object-fit:contain}
:is(html,body).p3-product #p3-long .comparison-head strong,:is(html,body).p3-product #p3-long .comparison-head small{display:block}
:is(html,body).p3-product #p3-long .comparison-head strong{font-size:20px}
:is(html,body).p3-product #p3-long .label{font-weight:800}
:is(html,body).p3-product #p3-long .comparison-note{font-size:14px;color:var(--muted)}
:is(html,body).p3-product #p3-long .comparison-scroll-hint{display:none;margin:10px 0 0;color:var(--brand);font-size:14px;font-weight:800}
:is(html,body).p3-product #p3-long .testing-section{padding:clamp(22px,5vw,64px);background:var(--brand);color:white;border-radius:var(--radius)}
:is(html,body).p3-product #p3-long .testing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
:is(html,body).p3-product #p3-long .testing-header h2{max-width:900px}
:is(html,body).p3-product #p3-long .testing-header img{width:110px;height:110px;object-fit:contain;background:white;border-radius:8px;padding:7px}
:is(html,body).p3-product #p3-long .testing-lead{max-width:920px;font-size:19px;color:#d7edeb}
:is(html,body).p3-product #p3-long .batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
:is(html,body).p3-product #p3-long .batch-grid article{padding:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:8px}
:is(html,body).p3-product #p3-long .batch-grid span,:is(html,body).p3-product #p3-long .batch-grid strong,:is(html,body).p3-product #p3-long .batch-grid small{display:block}
:is(html,body).p3-product #p3-long .batch-grid strong{font-size:20px}
:is(html,body).p3-product #p3-long .batch-grid small{color:#cfe3e1}
:is(html,body).p3-product #p3-long .ifos-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(0,46,43,.64);color:#fff}
:is(html,body).p3-product #p3-long .ifos-panel h3{font-size:26px;margin:5px 0}
:is(html,body).p3-product #p3-long .ifos-panel>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(html,body).p3-product #p3-long .ifos-panel span{padding:15px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.09);color:#cde7e4}
:is(html,body).p3-product #p3-long .ifos-panel strong,:is(html,body).p3-product #p3-long .ifos-panel small{display:block}
:is(html,body).p3-product #p3-long .ifos-panel strong{color:#fff;font-size:27px}
:is(html,body).p3-product #p3-long .ifos-panel small{color:#cde7e4}
:is(html,body).p3-product #p3-long .testing-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
:is(html,body).p3-product #p3-long .testing-actions{display:flex;flex-wrap:wrap;gap:8px}
:is(html,body).p3-product #p3-long .testing-footer a{padding:9px 12px;border:1px solid rgba(255,255,255,.5);border-radius:6px;text-decoration:none}
:is(html,body).p3-product #p3-long .testing-ai{display:grid;grid-template-columns:minmax(0,190px) auto;gap:12px;align-items:center;padding:10px 12px 10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(0,46,43,.48)}
:is(html,body).p3-product #p3-long .testing-ai p{margin:0;color:#fff;font-size:13px;font-weight:800;line-height:1.25}
:is(html,body).p3-product #p3-long .testing-ai-actions{display:flex;gap:8px}
:is(html,body).p3-product #p3-long .testing-ai-actions a{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(255,255,255,.08);text-decoration:none;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 140ms cubic-bezier(.23,1,.32,1)}
:is(html,body).p3-product #p3-long .testing-ai-actions a:hover,:is(html,body).p3-product #p3-long .testing-ai-actions a:focus-visible{background:rgba(255,255,255,.18);outline:none}
:is(html,body).p3-product #p3-long .testing-ai-actions a:focus-visible{box-shadow:0 0 0 3px #9fd9d3}
:is(html,body).p3-product #p3-long .testing-ai-actions a:active{transform:translateY(1px)}
:is(html,body).p3-product #p3-long .ai-provider-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(html,body).p3-product #p3-long .expiry{color:#cfe3e1;margin-bottom:0}
:is(html,body).p3-product #p3-long .reviews-section{display:grid;grid-template-columns:280px 1fr;background:var(--pale);border-radius:var(--radius);padding:36px;gap:30px}
:is(html,body).p3-product #p3-long .reviews-summary{display:flex;flex-direction:column;justify-content:center}
:is(html,body).p3-product #p3-long .reviews-summary>strong{margin:0 0 4px;color:var(--brand);font-size:clamp(54px,7vw,84px);line-height:.9;letter-spacing:-.06em}
:is(html,body).p3-product #p3-long .reviews-summary p{margin:8px 0 0;color:var(--muted)}
:is(html,body).p3-product #p3-long .reviews-summary-stars{margin-bottom:14px;font-size:26px;line-height:1;letter-spacing:.12em}
:is(html,body).p3-product #p3-long .reviews-content h2{font-size:42px;margin:0 0 18px}
:is(html,body).p3-product #p3-long .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(html,body).p3-product #p3-long .review-grid blockquote{margin:0;padding:20px;background:white;border-radius:7px;display:flex;flex-direction:column}
:is(html,body).p3-product #p3-long .review-grid blockquote p{flex:1;color:#33403e;font-size:16px;font-weight:600}
:is(html,body).p3-product #p3-long .review-grid footer strong,:is(html,body).p3-product #p3-long .review-grid footer small{display:block}
:is(html,body).p3-product #p3-long .review-grid footer small{color:var(--muted)}
:is(html,body).p3-product #p3-long .video-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-color:var(--brand) var(--line)}
:is(html,body).p3-product #p3-long .video-grid button{position:relative;min-height:500px;aspect-ratio:9/16;border:0;border-radius:var(--radius);overflow:hidden;padding:0;background:#123;color:white;cursor:pointer;text-align:left;scroll-snap-align:start}
:is(html,body).p3-product #p3-long .video-grid img{width:100%;height:100%;object-fit:cover}
:is(html,body).p3-product #p3-long .video-grid button:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}
:is(html,body).p3-product #p3-long .video-grid button span,:is(html,body).p3-product #p3-long .video-grid button strong{position:absolute;z-index:1}
:is(html,body).p3-product #p3-long .video-grid button span{top:18px;right:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}
:is(html,body).p3-product #p3-long .video-grid button strong{left:18px;bottom:18px;font-size:19px;right:18px}
:is(html,body).p3-product #p3-long .research-voices{padding-top:28px;border-top:1px solid var(--line)}
:is(html,body).p3-product #p3-long .research-voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(html,body).p3-product #p3-long .research-voice-grid article{display:grid;grid-template-columns:200px 1fr;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
:is(html,body).p3-product #p3-long .research-voice-grid img{width:100%;height:100%;object-fit:cover;object-position:center top}
:is(html,body).p3-product #p3-long .research-voice-grid article>div{display:flex;flex-direction:column;padding:28px}
:is(html,body).p3-product #p3-long .research-voice-grid span{color:var(--brand);font-size:14px;font-weight:800}
:is(html,body).p3-product #p3-long .research-voice-grid blockquote{margin:20px 0;font-size:clamp(21px,2.2vw,29px);line-height:1.18;letter-spacing:-.025em}
:is(html,body).p3-product #p3-long .research-voice-grid blockquote strong{color:var(--brand);font-weight:800}
:is(html,body).p3-product #p3-long .research-expert-name{margin-top:auto}
:is(html,body).p3-product #p3-long .research-voice-grid small{margin-top:5px;color:var(--muted);font-size:14px}
:is(html,body).p3-product #p3-long .research-voice-grid a{margin-top:13px;color:var(--brand);font-weight:800;text-underline-offset:4px}
:is(html,body).p3-product #p3-long .faq-section{display:grid;grid-template-columns:340px 1fr;gap:34px;padding:35px;border:1px solid var(--line);border-radius:var(--radius)}
:is(html,body).p3-product #p3-long .faq-aside h2{font-size:42px;line-height:1.05}
:is(html,body).p3-product #p3-long .faq-aside>p{color:var(--muted)}
:is(html,body).p3-product #p3-long .faq-awards{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#f0f4f3}
:is(html,body).p3-product #p3-long .faq-awards>p{margin:0 0 14px;color:var(--muted);font-size:14px;font-weight:800;letter-spacing:.03em}
:is(html,body).p3-product #p3-long .faq-awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
:is(html,body).p3-product #p3-long .faq-awards-grid img{width:100%;max-height:70px;object-fit:contain}
:is(html,body).p3-product #p3-long .faq-list details{border-bottom:1px solid var(--line)}
:is(html,body).p3-product #p3-long .faq-list summary{padding:18px 45px 18px 0;font-weight:800;cursor:pointer;position:relative}
:is(html,body).p3-product #p3-long .faq-list summary:after{content:"+";position:absolute;right:6px;color:var(--brand);font-size:25px}
:is(html,body).p3-product #p3-long .faq-list details[open] summary:after{content:"−"}
:is(html,body).p3-product #p3-long .faq-list details p{color:var(--muted);margin:0 0 18px}
:is(html,body).p3-product #p3-long .final-cta{position:relative;min-height:540px;border-radius:var(--radius);overflow:hidden;color:white}
:is(html,body).p3-product #p3-long .final-cta img{position:absolute;width:100%;height:100%;object-fit:cover}
:is(html,body).p3-product #p3-long .final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,59,55,.95),rgba(1,59,55,.15))}
:is(html,body).p3-product #p3-long .final-cta div{position:relative;z-index:1;padding:7%;max-width:810px}
:is(html,body).p3-product #p3-long .final-cta h2{font-size:clamp(42px,6vw,74px);line-height:1;margin:10px 0 18px}
:is(html,body).p3-product #p3-long .final-cta p{color:#c8f1ed!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}
:is(html,body).p3-product #p3-long .final-cta span{display:block;color:#fff;font-size:19px;text-shadow:0 1px 2px rgba(0,0,0,.3)}
:is(html,body).p3-product #p3-long .final-cta a{display:inline-block;margin-top:22px;padding:13px 18px;background:white;color:var(--brand);border-radius:6px;text-decoration:none;font-weight:800}
:is(html,body).p3-product #p3-long .methodology-note{margin:18px 0 50px;padding:0 18px;border:1px solid #dbe6e3;border-radius:6px;background:#f8faf9}
:is(html,body).p3-product #p3-long .methodology-note summary{position:relative;padding:14px 34px 14px 0;color:#315e5b;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
:is(html,body).p3-product #p3-long .methodology-note summary::-webkit-details-marker{display:none}
:is(html,body).p3-product #p3-long .methodology-note summary:after{content:"+";position:absolute;top:12px;right:2px;font-size:20px;line-height:1}
:is(html,body).p3-product #p3-long .methodology-note details[open] summary:after{content:"−"}
:is(html,body).p3-product #p3-long .methodology-note details>div{padding:0 0 15px}
:is(html,body).p3-product #p3-long .methodology-note p{max-width:none;margin:6px 0;color:var(--muted);font-size:12px;line-height:1.42}
:is(html,body).p3-product #p3-long .methodology-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}
:is(html,body).p3-product #p3-long .methodology-links a{color:var(--brand);font-size:12px;font-weight:700;text-underline-offset:3px}
:is(html,body).p3-product #p3-long dialog{width:min(680px,calc(100% - 30px));border:0;border-radius:10px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.4)}
:is(html,body).p3-product #p3-long dialog::backdrop{background:rgba(2,24,22,.75)}
:is(html,body).p3-product #p3-long .dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#102e2b;color:white}
:is(html,body).p3-product #p3-long .dialog-head button{width:40px;height:40px;border:1px solid rgba(255,255,255,.5);border-radius:4px;background:transparent;color:#fff;font-size:27px;cursor:pointer}
:is(html,body).p3-product #p3-long dialog video{width:100%;max-height:76vh;background:#000;display:block}
@media(max-width:980px){:is(html,body).p3-product #p3-long .product{width:min(100% - 24px,760px)}
:is(html,body).p3-product #p3-long .story-grid,:is(html,body).p3-product #p3-long .routine-section,:is(html,body).p3-product #p3-long .ifos-panel,:is(html,body).p3-product #p3-long .reviews-section,:is(html,body).p3-product #p3-long .faq-section{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .ingredient-cards{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .ingredient-cards article{min-height:290px}
:is(html,body).p3-product #p3-long .story-photo{min-height:520px}
:is(html,body).p3-product #p3-long .story-facts{grid-template-columns:1fr 1fr}
:is(html,body).p3-product #p3-long .routine-photo{min-height:440px}
:is(html,body).p3-product #p3-long .review-grid{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .reviews-summary>strong{font-size:clamp(48px,4.6vw,66px);white-space:nowrap}
:is(html,body).p3-product #p3-long .video-grid{grid-auto-columns:minmax(250px,44%)}
:is(html,body).p3-product #p3-long .research-voice-grid{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .research-voice-grid article{grid-template-columns:160px 1fr}
:is(html,body).p3-product #p3-long .faq-section{padding:22px}
:is(html,body).p3-product #p3-long .faq-aside h2{margin-bottom:18px}}
@media(max-width:600px){:is(html,body).p3-product #p3-long .product{width:100%}
:is(html,body).p3-product #p3-long .section-heading,:is(html,body).p3-product #p3-long .story-section,:is(html,body).p3-product #p3-long .contents-section,:is(html,body).p3-product #p3-long .comparison-section,:is(html,body).p3-product #p3-long .videos-section,:is(html,body).p3-product #p3-long .research-voices,:is(html,body).p3-product #p3-long .methodology-note{margin-left:16px;margin-right:16px}
:is(html,body).p3-product #p3-short .audience-tags a{font-size:14px}
:is(html,body).p3-product #p3-short .quick-proof strong{font-size:16px}
:is(html,body).p3-product #p3-short .quick-proof a{padding:14px;min-height:105px}
:is(html,body).p3-product #p3-short .batch-link-row{align-items:start;margin-bottom:21px}
:is(html,body).p3-product .p3-content-nav{margin:24px 0 14px;top:0}
:is(html,body).p3-product #p3-long .section-heading{padding:22px 0 16px}
:is(html,body).p3-product #p3-long .section-heading h2,:is(html,body).p3-product #p3-long .testing-header h2{font-size:39px}
:is(html,body).p3-product #p3-long .heading-keep{white-space:normal}
:is(html,body).p3-product #p3-long .section-heading>span{font-size:16px}
:is(html,body).p3-product #p3-long .story-grid{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .story-photo{min-height:500px}
:is(html,body).p3-product #p3-long .story-photo>div{left:24px;right:24px}
:is(html,body).p3-product #p3-long .story-photo h3{font-size:38px}
:is(html,body).p3-product #p3-long .story-facts{grid-template-columns:1fr 1fr}
:is(html,body).p3-product #p3-long .story-facts article{padding:18px}
:is(html,body).p3-product #p3-long .story-facts strong{font-size:52px}
:is(html,body).p3-product #p3-long .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(html,body).p3-product #p3-long .metric-grid div{padding:12px}
:is(html,body).p3-product #p3-long .metric-grid strong{font-size:22px}
:is(html,body).p3-product #p3-long .ingredient-cards article{min-height:0;padding:20px}
:is(html,body).p3-product #p3-long .ingredient-card-top{min-height:86px}
:is(html,body).p3-product #p3-long .ingredient-card-top img{height:78px}
:is(html,body).p3-product #p3-long .routine-section,:is(html,body).p3-product #p3-long .travel-section,:is(html,body).p3-product #p3-long .testing-section,:is(html,body).p3-product #p3-long .reviews-section,:is(html,body).p3-product #p3-long .faq-section,:is(html,body).p3-product #p3-long .final-cta{border-radius:var(--radius)}
:is(html,body).p3-product #p3-long .routine-photo{min-height:360px}
:is(html,body).p3-product #p3-long .routine-section>div:last-child{padding:28px 20px}
:is(html,body).p3-product #p3-long .travel-section{min-height:590px}
:is(html,body).p3-product #p3-long .travel-section img{object-position:64% center}
:is(html,body).p3-product #p3-long .travel-section div{padding:40px 22px}
:is(html,body).p3-product #p3-long .travel-section h2{font-size:47px}
:is(html,body).p3-product #p3-long .comparison-scroll-hint{display:block;position:sticky;left:0;width:calc(100vw - 32px)}
:is(html,body).p3-product #p3-long .comparison-table{grid-template-columns:96px 148px 160px;overflow:visible;width:max-content}
:is(html,body).p3-product #p3-long .comparison-section{overflow:auto}
:is(html,body).p3-product #p3-long .comparison-section .section-heading,:is(html,body).p3-product #p3-long .comparison-note{position:sticky;left:0;width:calc(100vw - 32px)}
:is(html,body).p3-product #p3-long .comparison-table>div{padding:13px;font-size:14px}
:is(html,body).p3-product #p3-long .comparison-head img{width:64px;height:64px}
:is(html,body).p3-product #p3-long .testing-section{padding:28px 18px}
:is(html,body).p3-product #p3-long .testing-header img{width:76px;height:76px}
:is(html,body).p3-product #p3-long .batch-grid{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .ifos-panel>div:last-child{grid-template-columns:1fr}
:is(html,body).p3-product #p3-long .testing-footer{align-items:flex-start;flex-direction:column}
:is(html,body).p3-product #p3-long .testing-ai{grid-template-columns:1fr auto;padding:10px 12px 10px 14px}
:is(html,body).p3-product #p3-long .reviews-section{padding:27px 18px}
:is(html,body).p3-product #p3-long .reviews-content h2{font-size:38px}
:is(html,body).p3-product #p3-long .video-grid{grid-auto-columns:minmax(250px,82vw);margin-right:-16px}
:is(html,body).p3-product #p3-long .video-grid button{min-height:440px}
:is(html,body).p3-product #p3-long .research-voices{padding-top:24px}
:is(html,body).p3-product #p3-long .research-voice-grid article{grid-template-columns:126px 1fr;min-height:350px}
:is(html,body).p3-product #p3-long .research-voice-grid article>div{padding:22px 18px}
:is(html,body).p3-product #p3-long .research-voice-grid blockquote{font-size:18px;line-height:1.3}
:is(html,body).p3-product #p3-long .faq-section{padding:26px 18px}
:is(html,body).p3-product #p3-long .faq-aside h2{font-size:38px}
:is(html,body).p3-product #p3-long .faq-awards{display:none}
:is(html,body).p3-product #p3-long .final-cta{min-height:560px}
:is(html,body).p3-product #p3-long .final-cta div{padding:50px 22px}
:is(html,body).p3-product #p3-long .final-cta h2{font-size:45px}
:is(html,body).p3-product #p3-long .methodology-note{margin:18px 16px 40px;padding:0 15px}}
/* Stable aliases for the prototype tokens retained in the long description.
   They must live on the product root because the Shoptet export removes :root. */
:is(html,body).p3-product{
  --p3-ink:#172423;
  --p3-muted:#667674;
  --p3-line:#c9dcda;
  --p3-line-strong:#b7d2cf;
  --p3-soft:#f3f7f6;
  --p3-tint:#e7f4f2;
  --p3-surface:#fff;
  --p3-accent:#006460;
  --p3-promo:#a53c2f;
  --p3-promo-soft:#fff3f0;
  --p3-positive:#16874b;
  --brand:var(--p3-accent);
  --brand-2:#008f88;
  --pale:var(--p3-tint);
  --line:var(--p3-line);
  --muted:var(--p3-muted);
  --soft:var(--p3-soft);
  --positive:var(--p3-positive);
  --gold:#d88900;
  --radius:6px;
}

/* Standard TPMOVE product-page components — aligned with Creatine+ and M3. */
:is(html,body).p3-product #p3-short .audience-tags a{
  border-color:var(--p3-line)!important;
  background:#fff!important;
  color:var(--p3-accent)!important;
}
:is(html,body).p3-product #p3-short .audience-tags a:hover,
:is(html,body).p3-product #p3-short .audience-tags a:focus-visible{
  border-color:var(--p3-accent)!important;
  background:var(--p3-tint)!important;
}
:is(html,body).p3-product #p3-short .quick-proof strong{
  color:var(--p3-accent)!important;
}
:is(html,body).p3-product #p3-short .batch-link-row{
  border:0!important;
  background:var(--p3-tint)!important;
}
:is(html,body).p3-product #p3-short .batch-link-row strong{
  color:var(--p3-ink)!important;
}
:is(html,body).p3-product #p3-short .batch-link-row span{
  color:var(--p3-muted)!important;
}
:is(html,body).p3-product #p3-short .batch-link-row a{
  color:var(--p3-accent)!important;
}
:is(html,body).p3-product .p3-content-nav{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  border:1px solid var(--p3-line)!important;
  background:var(--p3-soft)!important;
  backdrop-filter:none!important;
}
:is(html,body).p3-product .p3-content-nav .content-nav-inner{
  display:flex!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
:is(html,body).p3-product .p3-content-nav .content-nav-inner::-webkit-scrollbar{display:none!important}
:is(html,body).p3-product .p3-content-nav a{
  border:1px solid var(--p3-line)!important;
  background:#fff!important;
  color:var(--p3-accent)!important;
  text-decoration:none!important;
  text-underline-offset:0!important;
}
:is(html,body).p3-product .p3-content-nav a:hover,
:is(html,body).p3-product .p3-content-nav a:focus,
:is(html,body).p3-product .p3-content-nav a:focus-visible{
  text-decoration:none!important;
}
:is(html,body).p3-product .p3-content-nav a.is-active{
  border-color:var(--p3-accent)!important;
  background:var(--p3-accent)!important;
  color:#fff!important;
}

/* Native rating UI stays hidden until at least five product reviews exist. */
:is(html,body).p3-product.p3-no-ratings .p-detail-info{display:none!important}

/* Shoptet must not recolour headings placed on approved dark surfaces. */
:is(html,body).p3-product #p3-long .testing-section h2,
:is(html,body).p3-product #p3-long .testing-section h3,
:is(html,body).p3-product #p3-long .testing-section strong,
:is(html,body).p3-product #p3-long .travel-section h2,
:is(html,body).p3-product #p3-long .travel-section h3,
:is(html,body).p3-product #p3-long .story-photo h2,
:is(html,body).p3-product #p3-long .story-photo h3,
:is(html,body).p3-product #p3-long .final-cta h2{color:#fff!important}

/* Exact approved recurring modules. Keep these late so Shoptet cannot recolour them. */
:is(html,body).p3-product #p3-long .story-facts article:nth-child(2)>strong{
  color:var(--p3-accent)!important;
}
:is(html,body).p3-product #p3-long .ifos-panel{
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:var(--radius)!important;
  background:rgba(0,46,43,.72)!important;
  color:#fff!important;
}
:is(html,body).p3-product #p3-long .ifos-panel p,
:is(html,body).p3-product #p3-long .ifos-panel h3,
:is(html,body).p3-product #p3-long .ifos-panel strong{color:#fff!important}
:is(html,body).p3-product #p3-long .ifos-panel span{
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:var(--radius)!important;
  background:rgba(255,255,255,.10)!important;
  color:#d6efec!important;
}
:is(html,body).p3-product #p3-long .ifos-panel small{color:#c6e6e2!important}
:is(html,body).p3-product #p3-long .review-grid blockquote p{
  color:#33403e!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.55!important;
}
:is(html,body).p3-product #p3-long .final-cta::after{
  background:linear-gradient(90deg,rgba(1,59,55,.97) 0%,rgba(1,59,55,.88) 43%,rgba(1,59,55,.12) 100%)!important;
}
:is(html,body).p3-product #p3-long .final-cta p{color:#c8f1ed!important}
:is(html,body).p3-product #p3-long .final-cta h2,
:is(html,body).p3-product #p3-long .final-cta span{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
}

/* Product links are clean by default; underline is an interaction cue. */
:is(html,body).p3-product #p3-long a{text-decoration:none!important}
:is(html,body).p3-product #p3-long .testing-actions > a{
  color:#fff!important;
  font-weight:800!important;
}
@media (hover:hover) and (pointer:fine){
  :is(html,body).p3-product #p3-long a:hover{
    text-decoration:underline!important;
    text-underline-offset:3px;
  }
}

/* One authoritative horizontal video layout without card overlap. */
:is(html,body).p3-product #p3-long .video-grid{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(250px,31%)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  margin:0!important;
  padding:0 0 10px!important;
  scroll-snap-type:x mandatory;
}
:is(html,body).p3-product #p3-long .video-grid .video-card{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
  scroll-snap-align:start;
}

:is(html,body).p3-product #p3-long #experts-title{
  max-width:none!important;
  font-size:clamp(38px,4.25vw,61px)!important;
  line-height:1.02!important;
}

:is(html,body).p3-product #p3-video-dialog[open]{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  width:min(520px,calc(100vw - 32px))!important;
  max-width:none!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  padding:0!important;
  overflow:auto!important;
  border:0!important;
  border-radius:var(--radius)!important;
  background:#071f1e!important;
  color:#fff!important;
}
:is(html,body).p3-product #p3-video-dialog::backdrop{background:rgba(2,24,22,.76)!important}
:is(html,body).p3-product #p3-video-dialog .media-dialog__head{
  display:flex!important;
  min-height:58px!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:10px 16px!important;
  background:#102e2b!important;
  color:#fff!important;
}
:is(html,body).p3-product #p3-video-dialog .media-dialog__head button{
  display:grid!important;
  width:40px!important;
  height:40px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.5)!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}
:is(html,body).p3-product #p3-video-dialog .media-dialog__body{
  display:grid;
  min-height:min(76vh,680px);
  place-items:center;
  background:#000;
}
:is(html,body).p3-product #p3-video-dialog video,
:is(html,body).p3-product #p3-video-dialog iframe{
  display:block;
  width:100%!important;
  height:min(76vh,680px)!important;
  max-height:min(76vh,680px)!important;
  border:0;
  object-fit:contain;
}

@media (max-width:520px){
  :is(html,body).p3-product .p3-content-nav{box-sizing:border-box;width:100%;max-width:100%;margin-inline:0!important}
  :is(html,body).p3-product .p3-content-nav .content-nav-inner{justify-content:flex-start!important}
  :is(html,body).p3-product #p3-long .video-grid{grid-auto-columns:minmax(250px,82vw)!important}
  :is(html,body).p3-product #p3-long #experts-title{font-size:38px!important}
  :is(html,body).p3-product #p3-long .story-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :is(html,body).p3-product #p3-long .story-facts article{min-width:0!important;padding:17px 14px!important;border-radius:var(--radius)!important}
  :is(html,body).p3-product #p3-long .story-facts .wide{grid-column:1/-1!important}
  :is(html,body).p3-product #p3-long .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  :is(html,body).p3-product #p3-long .metric-grid div{min-width:0!important;padding:12px 8px!important}
  :is(html,body).p3-product #p3-long .metric-grid strong{font-size:21px!important;overflow-wrap:anywhere}
  :is(html,body).p3-product #p3-long .metric-grid small{font-size:12px!important;overflow-wrap:anywhere}
  :is(html,body).p3-product #p3-long .story-photo,
  :is(html,body).p3-product #p3-long .routine-section,
  :is(html,body).p3-product #p3-long .travel-section,
  :is(html,body).p3-product #p3-long .testing-section,
  :is(html,body).p3-product #p3-long .reviews-section,
  :is(html,body).p3-product #p3-long .videos-section,
  :is(html,body).p3-product #p3-long .research-voices,
  :is(html,body).p3-product #p3-long .faq-section,
  :is(html,body).p3-product #p3-long .final-cta{
    border-radius:var(--radius)!important;
  }
  :is(html,body).p3-product #p3-long .comparison-section{
    border-radius:var(--radius)!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
  }
  :is(html,body).p3-product #p3-long .comparison-scroll-hint{
    display:block!important;
    position:sticky!important;
    left:0!important;
    width:calc(100vw - 32px)!important;
    margin:10px 0!important;
    color:var(--p3-accent)!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  :is(html,body).p3-product #p3-long .comparison-table{
    grid-template-columns:96px 148px 160px!important;
    width:max-content!important;
    min-width:0!important;
  }
  :is(html,body).p3-product #p3-long .comparison-head img{width:64px!important;height:64px!important}
  :is(html,body).p3-product #p3-long .ifos-panel>div:last-child{grid-template-columns:1fr!important}
  :is(html,body).p3-product #p3-long .final-cta::after{
    background:linear-gradient(180deg,rgba(1,59,55,.12) 10%,rgba(1,59,55,.92) 72%,rgba(1,59,55,.98) 100%)!important;
  }
}


/* o3l.css */
/* Puori O3L export. Activated only for Shoptet productId 57. */
:is(html,body).o3l-product{--ink:#172321;--muted:#657471;--brand:#006460;--brand-2:#008f88;--pale:#e8f4f2;--soft:#f2f6f5;--line:#c8dcd9;--warm:#f6f2eb;--positive:#267a4f;--gold:#d88900;--danger:#ac3c2e;--radius:10px;--shadow:0 16px 40px rgba(13,45,42,.08)}
:is(html,body).o3l-product .review-stars{color:var(--gold);letter-spacing:2px}
:is(html,body).o3l-product .audience-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
:is(html,body).o3l-product .audience-tags p{width:100%;margin:0 0 5px}
:is(html,body).o3l-product .audience-tags p span{display:block;color:var(--muted)}
:is(html,body).o3l-product .audience-tags a{border:1px solid var(--line);border-radius:7px;padding:9px 12px;text-decoration:none;color:var(--brand);font-weight:700}
:is(html,body).o3l-product .quick-proof{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
:is(html,body).o3l-product .quick-proof a{min-height:108px;padding:17px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
:is(html,body).o3l-product .quick-proof a:nth-child(2n){border-right:0}
:is(html,body).o3l-product .quick-proof a:nth-child(n+3){border-bottom:0}
:is(html,body).o3l-product .quick-proof strong,:is(html,body).o3l-product .quick-proof span{display:block}
:is(html,body).o3l-product .quick-proof strong{color:var(--brand);font-size:18px}
:is(html,body).o3l-product .quick-proof span{color:var(--muted);margin-top:5px}
:is(html,body).o3l-product .quick-proof .quick-proof-serving{font-size:14px;line-height:1.3}
:is(html,body).o3l-product .quick-proof .omega-breakdown{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;color:var(--brand);font-size:14px;line-height:1.25}
:is(html,body).o3l-product .quick-proof .omega-breakdown b{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;font-weight:750}
:is(html,body).o3l-product .quick-proof .omega-breakdown .term-help{display:inline;margin:0;color:inherit}
:is(html,body).o3l-product .keep-together,:is(html,body).o3l-product .number-nowrap{white-space:nowrap}
:is(html,body).o3l-product .term-help{display:inline;padding:0;border:0;border-bottom:1px dotted currentColor;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;cursor:help;text-decoration:none}
:is(html,body).o3l-product .term-help:hover,:is(html,body).o3l-product .term-help:focus-visible{color:var(--brand-2);outline:none}
:is(html,body).o3l-product .term-help-light:hover,:is(html,body).o3l-product .term-help-light:focus-visible{color:#b8f1eb}
:is(html,body).o3l-product .term-tooltip{position:fixed;z-index:1000;width:min(300px,calc(100vw - 28px));padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#102e2b;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.24);font-size:14px;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease}
:is(html,body).o3l-product .term-tooltip.is-visible{opacity:1;transform:none}
:is(html,body).o3l-product .batch-link-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:14px 0 24px;padding:14px 16px;border-radius:var(--radius);background:var(--pale)}
:is(html,body).o3l-product .batch-link-row div{display:flex;flex-direction:column}
:is(html,body).o3l-product .batch-link-row strong{font-size:15px}
:is(html,body).o3l-product .batch-link-row span{margin-top:2px;color:var(--muted);font-size:14px}
:is(html,body).o3l-product .batch-link-row a{color:var(--brand);font-weight:800;text-underline-offset:3px;white-space:nowrap}
:is(html,body).o3l-product .content-nav{position:sticky;top:0;z-index:10;margin:35px 0 20px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-radius:var(--radius)}
:is(html,body).o3l-product .content-nav-inner{display:flex;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}
:is(html,body).o3l-product .content-nav-inner::-webkit-scrollbar{display:none}
:is(html,body).o3l-product .content-nav a{flex:0 0 auto;padding:10px 15px;border-radius:6px;text-decoration:none!important;font-weight:700;color:var(--brand)}
:is(html,body).o3l-product .content-nav a:hover,:is(html,body).o3l-product .content-nav a:focus-visible{text-decoration:none!important}
:is(html,body).o3l-product .content-nav a.is-active{background:var(--brand);color:white}
:is(html,body).o3l-product .section-heading{max-width:980px;padding:30px 0 24px}
:is(html,body).o3l-product .section-heading>p,:is(html,body).o3l-product .routine-section>div>p,:is(html,body).o3l-product .testing-header p,:is(html,body).o3l-product .final-cta p{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px}
:is(html,body).o3l-product .section-heading h2,:is(html,body).o3l-product .testing-header h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;line-height:1.03;margin:0 0 16px}
:is(html,body).o3l-product .section-heading>span{display:block;color:var(--muted);font-size:19px}
:is(html,body).o3l-product .story-section>.section-heading{max-width:1160px}
:is(html,body).o3l-product .heading-keep{white-space:nowrap}
:is(html,body).o3l-product .story-section,:is(html,body).o3l-product .ingredient-feature,:is(html,body).o3l-product .family-section,:is(html,body).o3l-product .calculator-section,:is(html,body).o3l-product .child-comparison,:is(html,body).o3l-product .routine-section,:is(html,body).o3l-product .comparison-section,:is(html,body).o3l-product .testing-section,:is(html,body).o3l-product .reviews-section,:is(html,body).o3l-product .videos-section,:is(html,body).o3l-product .research-voices,:is(html,body).o3l-product .faq-section,:is(html,body).o3l-product .final-cta{margin-top:18px}
:is(html,body).o3l-product .story-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:14px}
:is(html,body).o3l-product .story-photo{position:relative;min-height:620px;overflow:hidden;border-radius:var(--radius)}
:is(html,body).o3l-product .story-photo img{width:100%;height:100%;object-fit:cover}
:is(html,body).o3l-product .story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,47,44,.9),rgba(2,47,44,.12) 70%)}
:is(html,body).o3l-product .story-photo>div{position:absolute;z-index:1;left:7%;bottom:7%;max-width:620px;color:white}
:is(html,body).o3l-product .story-photo h3{font-size:clamp(38px,5vw,68px);line-height:1;margin:8px 0}
:is(html,body).o3l-product .story-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(html,body).o3l-product .story-facts article{background:#f0f4f3;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:flex-end}
:is(html,body).o3l-product .story-facts .primary{background:var(--brand);color:white}
:is(html,body).o3l-product .story-facts strong{font-size:clamp(54px,7vw,94px);line-height:1}
:is(html,body).o3l-product .story-facts article:nth-child(2)>strong{color:var(--brand)}
:is(html,body).o3l-product .story-facts p{color:inherit}
:is(html,body).o3l-product .story-facts .wide{grid-column:1/-1}
:is(html,body).o3l-product .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
:is(html,body).o3l-product .metric-grid div{background:#f0f4f3;padding:16px}
:is(html,body).o3l-product .metric-grid strong{font-size:clamp(30px,3.2vw,44px);color:var(--brand);line-height:1}
:is(html,body).o3l-product .metric-grid small{display:block;color:var(--muted)}
:is(html,body).o3l-product .ingredient-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;overflow:hidden;border-radius:var(--radius);background:var(--brand);color:#fff}
:is(html,body).o3l-product .ingredient-feature>img{width:100%;height:100%;object-fit:cover}
:is(html,body).o3l-product .ingredient-feature>div{align-self:center;padding:7%}
:is(html,body).o3l-product .ingredient-feature>div>p,:is(html,body).o3l-product .family-photo p,:is(html,body).o3l-product .calculator-copy>p{margin:0 0 10px;color:#a9e7e1;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
:is(html,body).o3l-product .ingredient-feature h2{margin:0 0 18px;font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.05em}
:is(html,body).o3l-product .ingredient-feature>div>span{display:block;color:#e3f5f3;font-size:19px}
:is(html,body).o3l-product .ingredient-feature ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0 0;padding:0;list-style:none}
:is(html,body).o3l-product .ingredient-feature li{padding:11px 13px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(255,255,255,.08)}
:is(html,body).o3l-product .family-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}
:is(html,body).o3l-product .family-photo{position:relative;min-height:610px;overflow:hidden;border-radius:var(--radius)}
:is(html,body).o3l-product .family-photo img{width:100%;height:100%;object-fit:cover}
:is(html,body).o3l-product .family-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,58,54,.88),rgba(0,58,54,.06) 72%)}
:is(html,body).o3l-product .family-photo>div{position:absolute;z-index:1;left:6%;right:42%;bottom:7%;color:#fff}
:is(html,body).o3l-product .family-photo h3{margin:8px 0;font-size:clamp(34px,4vw,58px);line-height:1.04}
:is(html,body).o3l-product .portion-cards{display:grid;grid-template-rows:1fr 1fr auto;gap:14px}
:is(html,body).o3l-product .portion-cards article{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-radius:var(--radius);background:var(--pale)}
:is(html,body).o3l-product .portion-cards article:first-child{background:var(--brand);color:#fff}
:is(html,body).o3l-product .portion-cards span,:is(html,body).o3l-product .portion-cards strong,:is(html,body).o3l-product .portion-cards p{display:block;margin:0}
:is(html,body).o3l-product .portion-cards strong{font-size:clamp(48px,6vw,76px);line-height:1}
:is(html,body).o3l-product .portion-cards p{margin-top:8px;color:inherit}
:is(html,body).o3l-product .portion-cards>small{padding:14px 16px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
:is(html,body).o3l-product .calculator-section{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;padding:clamp(26px,5vw,62px);border-radius:var(--radius);background:#102e2b;color:#fff}
:is(html,body).o3l-product .calculator-copy h2{margin:0;font-size:clamp(39px,5vw,66px);line-height:1;letter-spacing:-.05em}
:is(html,body).o3l-product .calculator-copy>span{display:block;max-width:720px;margin-top:16px;color:#cfe3e1;font-size:18px}
:is(html,body).o3l-product .calculator-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
:is(html,body).o3l-product .calculator-controls label{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.25);border-radius:7px;font-weight:800}
:is(html,body).o3l-product .calculator-controls label>span{display:flex;align-items:center;gap:12px}
:is(html,body).o3l-product .calculator-controls button{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
:is(html,body).o3l-product .calculator-controls output{min-width:24px;text-align:center;font-size:21px}
:is(html,body).o3l-product .calculator-result{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:var(--radius);background:#fff;color:var(--ink)}
:is(html,body).o3l-product .calculator-result>span{color:var(--muted)}
:is(html,body).o3l-product .calculator-result>strong{margin:5px 0;color:var(--brand);font-size:clamp(54px,7vw,86px);line-height:1;letter-spacing:-.06em}
:is(html,body).o3l-product .calculator-result p{margin:8px 0;color:var(--muted)}
:is(html,body).o3l-product .calculator-result p del,:is(html,body).o3l-product .calculator-result small del{color:#a43b32;font-size:.88em;text-decoration-thickness:2px}
:is(html,body).o3l-product .calculator-result p strong,:is(html,body).o3l-product .calculator-result small strong{color:var(--positive);font-weight:800}
:is(html,body).o3l-product .calculator-result p em{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:999px;background:#e2f3ec;color:var(--positive);font-size:13px;font-style:normal;font-weight:800;white-space:nowrap}
:is(html,body).o3l-product .calculator-result>b{display:block;margin:2px 0 10px;color:var(--positive);font-size:22px}
:is(html,body).o3l-product .calculator-result small{font-weight:800;color:var(--positive)}
:is(html,body).o3l-product .child-comparison{overflow:hidden;padding:0 clamp(18px,3vw,38px) clamp(22px,3vw,38px);border-radius:var(--radius);background:linear-gradient(135deg,#e7f5f2 0%,#f8fbfa 62%,#e8f4f2 100%)}
:is(html,body).o3l-product .child-comparison .section-heading{padding-top:clamp(26px,4vw,46px)}
:is(html,body).o3l-product .certification-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.24)}
:is(html,body).o3l-product .certification-strip img{width:100%;height:70px;object-fit:contain;filter:brightness(0) invert(1)}
:is(html,body).o3l-product .certification-strip img:nth-last-child(-n+2){filter:none}
:is(html,body).o3l-product .routine-section{display:grid;grid-template-columns:1fr 1fr;background:#f1f6f5;border-radius:var(--radius);overflow:hidden}
:is(html,body).o3l-product .routine-photo{position:relative;min-height:560px;overflow:hidden}
:is(html,body).o3l-product .routine-photo>img:first-child{width:100%;height:100%;object-fit:cover}
:is(html,body).o3l-product .routine-section>div:last-child{padding:7%;display:flex;flex-direction:column;justify-content:center}
:is(html,body).o3l-product .routine-section h2{font-size:clamp(38px,4vw,60px);line-height:1.02;margin:0 0 18px}
:is(html,body).o3l-product .steps{display:grid;gap:8px}
:is(html,body).o3l-product .steps article{background:white;border:1px solid var(--line);border-radius:7px;padding:13px 15px}
:is(html,body).o3l-product .steps strong,:is(html,body).o3l-product .steps span{display:block}
:is(html,body).o3l-product .steps span{color:var(--muted)}
:is(html,body).o3l-product .routine-section small{margin-top:16px;color:var(--muted)}
:is(html,body).o3l-product .comparison-table{display:grid;grid-template-columns:minmax(170px,.75fr) 1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
:is(html,body).o3l-product .comparison-table>div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
:is(html,body).o3l-product .comparison-table>div:nth-child(3n){border-right:0}
:is(html,body).o3l-product .comparison-head{text-align:center;background:#f0f4f3}
:is(html,body).o3l-product .comparison-head.puori,:is(html,body).o3l-product .value.puori{background:var(--pale);color:var(--brand);font-weight:800}
:is(html,body).o3l-product .comparison-head img{width:150px;height:150px;margin:0 auto 12px;border-radius:8px;object-fit:contain}
:is(html,body).o3l-product .comparison-head strong,:is(html,body).o3l-product .comparison-head small{display:block}
:is(html,body).o3l-product .comparison-head strong{font-size:20px}
:is(html,body).o3l-product .label{font-weight:800}
:is(html,body).o3l-product .comparison-note{font-size:14px;color:var(--muted)}
:is(html,body).o3l-product .comparison-scroll-hint{display:none;margin:10px 0 0;color:var(--brand);font-size:14px;font-weight:800}
:is(html,body).o3l-product .testing-section{padding:clamp(22px,5vw,64px);background:var(--brand);color:white;border-radius:var(--radius)}
:is(html,body).o3l-product .testing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
:is(html,body).o3l-product .testing-header h2{max-width:900px}
:is(html,body).o3l-product .testing-header img{width:110px;height:110px;object-fit:contain;background:white;border-radius:8px;padding:7px}
:is(html,body).o3l-product .testing-lead{max-width:920px;font-size:19px;color:#d7edeb}
:is(html,body).o3l-product .batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
:is(html,body).o3l-product .batch-grid article{padding:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:8px}
:is(html,body).o3l-product .batch-grid span,:is(html,body).o3l-product .batch-grid strong,:is(html,body).o3l-product .batch-grid small{display:block}
:is(html,body).o3l-product .batch-grid strong{font-size:20px}
:is(html,body).o3l-product .batch-grid small{color:#cfe3e1}
:is(html,body).o3l-product .batch-highlight{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(169,231,225,.38)}
:is(html,body).o3l-product .batch-highlight strong,:is(html,body).o3l-product .status-pass{color:#a9e7e1!important}
:is(html,body).o3l-product .ifos-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(0,46,43,.64);color:#fff}
:is(html,body).o3l-product .ifos-panel h3{font-size:26px;margin:5px 0}
:is(html,body).o3l-product .ifos-panel>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(html,body).o3l-product .ifos-panel span{padding:15px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.09);color:#cde7e4}
:is(html,body).o3l-product .ifos-panel span>b,:is(html,body).o3l-product .ifos-panel span>.term-help{display:block;color:#a9e7e1;font-size:14px;font-weight:800}
:is(html,body).o3l-product .ifos-panel strong,:is(html,body).o3l-product .ifos-panel small{display:block}
:is(html,body).o3l-product .ifos-panel strong{color:#fff;font-size:27px}
:is(html,body).o3l-product .ifos-panel small{color:#cde7e4}
:is(html,body).o3l-product .testing-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
:is(html,body).o3l-product .testing-actions{display:flex;flex-wrap:wrap;gap:8px}
:is(html,body).o3l-product .testing-footer a{padding:9px 12px;border:1px solid rgba(255,255,255,.5);border-radius:6px;text-decoration:none}
:is(html,body).o3l-product .testing-ai{display:grid;grid-template-columns:minmax(0,190px) auto;gap:12px;align-items:center;padding:10px 12px 10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(0,46,43,.48)}
:is(html,body).o3l-product .testing-ai p{margin:0;color:#fff;font-size:13px;font-weight:800;line-height:1.25}
:is(html,body).o3l-product .testing-ai-actions{display:flex;gap:8px}
:is(html,body).o3l-product .testing-ai-actions a{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(255,255,255,.08);text-decoration:none;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 140ms cubic-bezier(.23,1,.32,1)}
:is(html,body).o3l-product .testing-ai-actions a:hover,:is(html,body).o3l-product .testing-ai-actions a:focus-visible{background:rgba(255,255,255,.18);outline:none}
:is(html,body).o3l-product .testing-ai-actions a:focus-visible{box-shadow:0 0 0 3px #9fd9d3}
:is(html,body).o3l-product .testing-ai-actions a:active{transform:translateY(1px)}
:is(html,body).o3l-product .ai-provider-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(html,body).o3l-product .reviews-section{display:grid;grid-template-columns:280px 1fr;background:var(--pale);border-radius:var(--radius);padding:36px;gap:30px}
:is(html,body).o3l-product .reviews-summary{display:flex;flex-direction:column;justify-content:center}
:is(html,body).o3l-product .reviews-summary>strong{margin:0 0 4px;color:var(--brand);font-size:clamp(54px,7vw,84px);line-height:.9;letter-spacing:-.06em}
:is(html,body).o3l-product .reviews-summary p{margin:8px 0 0;color:var(--muted)}
:is(html,body).o3l-product .reviews-summary-stars{margin-bottom:14px;font-size:26px;line-height:1;letter-spacing:.12em}
:is(html,body).o3l-product .reviews-content h2{font-size:42px;margin:0 0 18px}
:is(html,body).o3l-product .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(html,body).o3l-product .review-grid blockquote{margin:0;padding:20px;background:white;border-radius:7px;display:flex;flex-direction:column}
:is(html,body).o3l-product .review-grid blockquote p{flex:1;color:#33403e;font-size:16px;font-weight:600}
:is(html,body).o3l-product .review-grid footer strong,:is(html,body).o3l-product .review-grid footer small{display:block}
:is(html,body).o3l-product .review-grid footer small{color:var(--muted)}
:is(html,body).o3l-product .video-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-color:var(--brand) var(--line)}
:is(html,body).o3l-product .video-grid button{position:relative;min-height:500px;aspect-ratio:9/16;border:0;border-radius:var(--radius);overflow:hidden;padding:0;background:#123;color:white;cursor:pointer;text-align:left;scroll-snap-align:start}
:is(html,body).o3l-product .video-grid img{width:100%;height:100%;object-fit:cover}
:is(html,body).o3l-product .video-grid button:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}
:is(html,body).o3l-product .video-grid button span,:is(html,body).o3l-product .video-grid button strong{position:absolute;z-index:1}
:is(html,body).o3l-product .video-grid button span{top:18px;right:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}
:is(html,body).o3l-product .video-grid button strong{left:18px;bottom:18px;font-size:19px;right:18px}
:is(html,body).o3l-product .research-voices{padding-top:28px;border-top:1px solid var(--line)}
:is(html,body).o3l-product .research-voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(html,body).o3l-product .research-voice-grid article{display:grid;grid-template-columns:200px 1fr;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
:is(html,body).o3l-product .research-voice-grid .expert-child{position:relative}
:is(html,body).o3l-product .expert-child-badge{position:absolute;z-index:2;top:14px;right:14px;display:grid!important;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px!important;box-shadow:0 5px 14px rgba(13,45,42,.1)}
:is(html,body).o3l-product .research-voice-grid img{width:100%;height:100%;object-fit:cover;object-position:center top}
:is(html,body).o3l-product .research-voice-grid article>div{display:flex;flex-direction:column;padding:28px}
:is(html,body).o3l-product .research-voice-grid span{color:var(--brand);font-size:14px;font-weight:800}
:is(html,body).o3l-product .research-voice-grid blockquote{margin:20px 0;font-size:clamp(21px,2.2vw,29px);line-height:1.18;letter-spacing:-.025em}
:is(html,body).o3l-product .research-voice-grid blockquote .term-help{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;vertical-align:baseline}
:is(html,body).o3l-product .research-voice-grid blockquote strong{color:var(--brand);font-weight:800}
:is(html,body).o3l-product .research-expert-name{margin-top:auto}
:is(html,body).o3l-product .research-voice-grid small{margin-top:5px;color:var(--muted);font-size:14px}
:is(html,body).o3l-product .research-voice-grid a{margin-top:13px;color:var(--brand);font-weight:800;text-underline-offset:4px}
:is(html,body).o3l-product .faq-section{display:grid;grid-template-columns:340px 1fr;gap:34px;padding:35px;border:1px solid var(--line);border-radius:var(--radius)}
:is(html,body).o3l-product .faq-aside h2{font-size:42px;line-height:1.05}
:is(html,body).o3l-product .faq-aside>p{color:var(--muted)}
:is(html,body).o3l-product .faq-awards{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#f0f4f3}
:is(html,body).o3l-product .faq-awards>p{margin:0 0 14px;color:var(--muted);font-size:14px;font-weight:800;letter-spacing:.03em}
:is(html,body).o3l-product .faq-awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
:is(html,body).o3l-product .faq-awards-grid img{width:100%;max-height:70px;object-fit:contain}
:is(html,body).o3l-product .faq-list details{border-bottom:1px solid var(--line)}
:is(html,body).o3l-product .faq-list summary{padding:18px 45px 18px 0;font-weight:800;cursor:pointer;position:relative}
:is(html,body).o3l-product .faq-list summary:after{content:"+";position:absolute;right:6px;color:var(--brand);font-size:25px}
:is(html,body).o3l-product .faq-list details[open] summary:after{content:"−"}
:is(html,body).o3l-product .faq-list details p{color:var(--muted);margin:0 0 18px}
:is(html,body).o3l-product .faq-list details p a{color:var(--brand);font-weight:700;text-underline-offset:3px}
:is(html,body).o3l-product .final-cta{position:relative;min-height:540px;border-radius:var(--radius);overflow:hidden;color:white}
:is(html,body).o3l-product .final-cta img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:68% center}
:is(html,body).o3l-product .final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,59,55,.95),rgba(1,59,55,.15))}
:is(html,body).o3l-product .final-cta div{position:relative;z-index:1;padding:7%;max-width:810px}
:is(html,body).o3l-product .final-cta h2{font-size:clamp(42px,6vw,74px);line-height:1;margin:10px 0 18px}
:is(html,body).o3l-product .final-cta p{color:#c8f1ed!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}
:is(html,body).o3l-product .final-cta span{display:block;color:#fff;font-size:19px;text-shadow:0 1px 2px rgba(0,0,0,.3)}
:is(html,body).o3l-product .final-cta a{display:inline-block;margin-top:22px;padding:13px 18px;background:white;color:var(--brand);border-radius:6px;text-decoration:none;font-weight:800}
:is(html,body).o3l-product .methodology-note{margin:18px 0 50px;padding:0 18px;border:1px solid #dbe6e3;border-radius:6px;background:#f8faf9}
:is(html,body).o3l-product .methodology-note summary{position:relative;padding:14px 34px 14px 0;color:#315e5b;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
:is(html,body).o3l-product .methodology-note summary::-webkit-details-marker{display:none}
:is(html,body).o3l-product .methodology-note summary:after{content:"+";position:absolute;top:12px;right:2px;font-size:20px;line-height:1}
:is(html,body).o3l-product .methodology-note details[open] summary:after{content:"−"}
:is(html,body).o3l-product .methodology-note details>div{padding:0 0 15px}
:is(html,body).o3l-product .methodology-note p{max-width:none;margin:6px 0;color:var(--muted);font-size:12px;line-height:1.42}
:is(html,body).o3l-product .methodology-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}
:is(html,body).o3l-product .methodology-links a{color:var(--brand);font-size:12px;font-weight:700;text-underline-offset:3px}
:is(html,body).o3l-product #o3l-video-dialog{width:min(680px,calc(100% - 30px));border:0;border-radius:10px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.4)}
:is(html,body).o3l-product #o3l-video-dialog::backdrop{background:rgba(2,24,22,.75)}
:is(html,body).o3l-product #o3l-video-dialog video{width:100%;max-height:76vh;background:#000;display:block}
@media(max-width:980px){:is(html,body).o3l-product .story-grid,:is(html,body).o3l-product .ingredient-feature,:is(html,body).o3l-product .family-layout,:is(html,body).o3l-product .calculator-section,:is(html,body).o3l-product .routine-section,:is(html,body).o3l-product .ifos-panel,:is(html,body).o3l-product .reviews-section,:is(html,body).o3l-product .faq-section{grid-template-columns:1fr}
:is(html,body).o3l-product .story-photo{min-height:520px}
:is(html,body).o3l-product .story-facts{grid-template-columns:1fr 1fr}
:is(html,body).o3l-product .routine-photo{min-height:440px}
:is(html,body).o3l-product .ingredient-feature>img{height:430px}
:is(html,body).o3l-product .family-photo{min-height:520px}
:is(html,body).o3l-product .portion-cards{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
:is(html,body).o3l-product .portion-cards>small{grid-column:1/-1}
:is(html,body).o3l-product .review-grid{grid-template-columns:1fr}
:is(html,body).o3l-product .reviews-summary>strong{font-size:clamp(48px,4.6vw,66px);white-space:nowrap}
:is(html,body).o3l-product .video-grid{grid-auto-columns:minmax(250px,44%)}
:is(html,body).o3l-product .research-voice-grid{grid-template-columns:1fr}
:is(html,body).o3l-product .research-voice-grid article{grid-template-columns:160px 1fr}
:is(html,body).o3l-product .faq-section{padding:22px}
:is(html,body).o3l-product .faq-aside h2{margin-bottom:18px}
}
@media(max-width:600px){:is(html,body).o3l-product .section-heading,:is(html,body).o3l-product .story-section,:is(html,body).o3l-product .family-section,:is(html,body).o3l-product .calculator-section,:is(html,body).o3l-product .child-comparison,:is(html,body).o3l-product .comparison-section,:is(html,body).o3l-product .videos-section,:is(html,body).o3l-product .research-voices,:is(html,body).o3l-product .methodology-note{margin-left:16px;margin-right:16px}
:is(html,body).o3l-product .audience-tags a{font-size:14px}
:is(html,body).o3l-product .quick-proof strong{font-size:16px}
:is(html,body).o3l-product .quick-proof a{padding:14px;min-height:105px}
:is(html,body).o3l-product .batch-link-row{align-items:start;margin-bottom:21px}
:is(html,body).o3l-product .content-nav{margin:24px 0 14px;top:0}
:is(html,body).o3l-product .content-nav-inner{justify-content:flex-start}
:is(html,body).o3l-product .section-heading{padding:22px 0 16px}
:is(html,body).o3l-product .section-heading h2,:is(html,body).o3l-product .testing-header h2{font-size:39px}
:is(html,body).o3l-product .heading-keep{white-space:normal}
:is(html,body).o3l-product .section-heading>span{font-size:16px}
:is(html,body).o3l-product .story-grid{grid-template-columns:1fr}
:is(html,body).o3l-product .story-photo{min-height:500px}
:is(html,body).o3l-product .story-photo>div{left:24px;right:24px}
:is(html,body).o3l-product .story-photo h3{font-size:38px}
:is(html,body).o3l-product .ingredient-feature{border-radius:var(--radius)}
:is(html,body).o3l-product .ingredient-feature>img{height:330px}
:is(html,body).o3l-product .ingredient-feature>div{padding:30px 20px}
:is(html,body).o3l-product .ingredient-feature h2{font-size:42px}
:is(html,body).o3l-product .ingredient-feature ul{grid-template-columns:1fr}
:is(html,body).o3l-product .family-photo{min-height:430px}
:is(html,body).o3l-product .family-photo img{object-position:100% center}
:is(html,body).o3l-product .family-photo>div{left:22px;right:22px;bottom:26px}
:is(html,body).o3l-product .family-photo h3{font-size:38px}
:is(html,body).o3l-product .portion-cards{grid-template-columns:1fr}
:is(html,body).o3l-product .portion-cards>small{grid-column:auto}
:is(html,body).o3l-product .portion-cards article{min-height:190px;padding:22px}
:is(html,body).o3l-product .calculator-section{padding:28px 18px}
:is(html,body).o3l-product .calculator-controls{grid-template-columns:1fr}
:is(html,body).o3l-product .calculator-result{padding:22px 18px}
:is(html,body).o3l-product .calculator-result>strong{font-size:58px}
:is(html,body).o3l-product .story-facts{grid-template-columns:1fr 1fr}
:is(html,body).o3l-product .story-facts article{padding:18px}
:is(html,body).o3l-product .story-facts strong{font-size:52px}
:is(html,body).o3l-product .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(html,body).o3l-product .metric-grid div{padding:12px}
:is(html,body).o3l-product .metric-grid strong{font-size:22px}
:is(html,body).o3l-product .routine-section,:is(html,body).o3l-product .testing-section,:is(html,body).o3l-product .reviews-section,:is(html,body).o3l-product .faq-section,:is(html,body).o3l-product .final-cta{border-radius:var(--radius)}
:is(html,body).o3l-product .routine-photo{min-height:360px}
:is(html,body).o3l-product .routine-section>div:last-child{padding:28px 20px}
:is(html,body).o3l-product .comparison-scroll-hint{display:block;position:static;width:100%}
:is(html,body).o3l-product .comparison-table{grid-template-columns:96px 148px 160px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
:is(html,body).o3l-product .comparison-section{min-width:0;overflow:visible}
:is(html,body).o3l-product .child-comparison{min-width:0;overflow:hidden}
:is(html,body).o3l-product .child-comparison{padding-left:16px;padding-right:16px}
:is(html,body).o3l-product .child-comparison .section-heading{position:static;width:auto;max-width:100%}
:is(html,body).o3l-product .child-comparison .comparison-scroll-hint{display:block;position:static;width:100%}
:is(html,body).o3l-product .comparison-section .section-heading,:is(html,body).o3l-product .comparison-note{position:static;width:auto;max-width:100%}
:is(html,body).o3l-product .comparison-table>div{padding:13px;font-size:14px}
:is(html,body).o3l-product .comparison-head img{width:64px;height:64px}
:is(html,body).o3l-product .testing-section{padding:28px 18px}
:is(html,body).o3l-product .testing-header img{width:76px;height:76px}
:is(html,body).o3l-product .batch-grid{grid-template-columns:1fr}
:is(html,body).o3l-product .ifos-panel>div:last-child{grid-template-columns:1fr}
:is(html,body).o3l-product .testing-footer{align-items:flex-start;flex-direction:column}
:is(html,body).o3l-product .certification-strip{grid-template-columns:repeat(3,1fr)}
:is(html,body).o3l-product .testing-ai{grid-template-columns:1fr auto;padding:10px 12px 10px 14px}
:is(html,body).o3l-product .reviews-section{padding:27px 18px}
:is(html,body).o3l-product .reviews-content h2{font-size:38px}
:is(html,body).o3l-product .video-grid{grid-auto-columns:minmax(250px,82vw);margin-right:-16px}
:is(html,body).o3l-product .video-grid button{min-height:440px}
:is(html,body).o3l-product .research-voices{padding-top:24px}
:is(html,body).o3l-product .research-voice-grid article{grid-template-columns:126px 1fr;min-height:350px}
:is(html,body).o3l-product .research-voice-grid article>div{padding:22px 18px}
:is(html,body).o3l-product .research-voice-grid blockquote{font-size:18px;line-height:1.3}
:is(html,body).o3l-product .faq-section{padding:26px 18px}
:is(html,body).o3l-product .faq-aside h2{font-size:38px}
:is(html,body).o3l-product .faq-awards{display:none}
:is(html,body).o3l-product .final-cta{min-height:560px}
:is(html,body).o3l-product .final-cta img{object-position:76% center}
:is(html,body).o3l-product .final-cta div{padding:50px 22px}
:is(html,body).o3l-product .final-cta h2{font-size:45px}
:is(html,body).o3l-product .methodology-note{margin:18px 16px 40px;padding:0 15px}
}


/* Shoptet integration. Exact product guard is added by o3l.js. */
:is(html,body).o3l-product{--o3l-ink:#172423;--o3l-muted:#667674;--o3l-line:#c9dcda;--o3l-line-strong:#b7d2cf;--o3l-soft:#f3f7f6;--o3l-tint:#e7f4f2;--o3l-surface:#fff;--o3l-accent:#006460;--o3l-promo:#a53c2f;--o3l-promo-soft:#fff3f0;--o3l-positive:#16874b;}
:is(html,body).o3l-product .o3l-scope{font-family:inherit!important;box-sizing:border-box;color:var(--ink);}
:is(html,body).o3l-product .o3l-scope *{box-sizing:border-box;}
:is(html,body).o3l-product .p-short-description .vice-info,:is(html,body).o3l-product .social-buttons-wrapper{display:none!important;}
:is(html,body).o3l-product #o3l-short{margin:22px 0 6px;background:transparent;}
:is(html,body).o3l-product #o3l-short a,:is(html,body).o3l-product .o3l-content-nav a{text-decoration:none!important;text-underline-offset:0!important;}
:is(html,body).o3l-product #o3l-short .audience-tags a{border-color:var(--o3l-line)!important;background:#fff!important;color:var(--o3l-accent)!important;}
:is(html,body).o3l-product #o3l-short .audience-tags a:hover,:is(html,body).o3l-product #o3l-short .audience-tags a:focus-visible{border-color:var(--o3l-accent)!important;background:var(--o3l-tint)!important;}
:is(html,body).o3l-product #o3l-short .quick-proof strong{color:var(--o3l-accent)!important;}
:is(html,body).o3l-product #o3l-short .batch-link-row{border:0!important;background:var(--o3l-tint)!important;}
:is(html,body).o3l-product .p-detail-tabs-wrapper .shp-tabs-row{display:none!important;}
:is(html,body).o3l-product #description>.description-inner>h3:first-child{display:none!important;}
:is(html,body).o3l-product #description .description-inner{max-width:none;padding-top:0;}
:is(html,body).o3l-product #o3l-long{width:min(1220px,100%);margin-inline:auto;background:transparent;}
:is(html,body).o3l-product .o3l-content-nav{position:relative!important;top:auto!important;z-index:auto!important;width:100%;max-width:100%;margin:35px 0 20px;border:1px solid var(--o3l-line)!important;background:var(--o3l-soft)!important;backdrop-filter:none!important;}
:is(html,body).o3l-product .o3l-content-nav .content-nav-inner{display:flex!important;justify-content:center!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;}
:is(html,body).o3l-product .o3l-content-nav a,:is(html,body).o3l-product .o3l-content-nav a:hover,:is(html,body).o3l-product .o3l-content-nav a:focus,:is(html,body).o3l-product .o3l-content-nav a:focus-visible{border:1px solid var(--o3l-line)!important;background:#fff!important;color:var(--o3l-accent)!important;text-decoration:none!important;text-underline-offset:0!important;}
:is(html,body).o3l-product .o3l-content-nav a.is-active{border-color:var(--o3l-accent)!important;background:var(--o3l-accent)!important;color:#fff!important;}
:is(html,body).o3l-product.o3l-no-ratings .p-detail-info{display:none!important;}
:is(html,body).o3l-product #product-detail-form .quantity-discounts{margin-top:10px!important;margin-bottom:18px!important;scroll-margin-top:96px;}
:is(html,body).o3l-product #product-detail-form .quantity-discounts__headline{color:var(--o3l-ink);font-size:20px;font-weight:800;line-height:1.25;text-wrap:balance;}
:is(html,body).o3l-product .o3l-quantity-table{display:grid!important;gap:14px;}
:is(html,body).o3l-product .o3l-quantity-table .quantity-discounts__item{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;min-height:82px;margin:0!important;padding:16px!important;border:1px solid var(--o3l-line-strong)!important;border-radius:6px;background:var(--o3l-surface)!important;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease,transform 140ms ease;}
:is(html,body).o3l-product .o3l-quantity-table .quantity-discounts__item--highlighted{border-color:var(--o3l-accent)!important;background:var(--o3l-tint)!important;box-shadow:0 8px 24px rgb(0 100 96/.1);}
:is(html,body).o3l-product .o3l-quantity-table .o3l-quantity-3.quantity-discounts__item--highlighted{border-color:var(--o3l-promo)!important;background:var(--o3l-promo-soft)!important;box-shadow:0 8px 24px rgb(165 60 47/.12);}
:is(html,body).o3l-product .o3l-option-copy strong,:is(html,body).o3l-product .o3l-option-copy small,:is(html,body).o3l-product .o3l-option-price strong,:is(html,body).o3l-product .o3l-option-price small{display:block;}
:is(html,body).o3l-product .o3l-option-copy strong{color:var(--o3l-ink);font-size:16px;font-weight:800;}
:is(html,body).o3l-product .o3l-option-copy small,:is(html,body).o3l-product .o3l-option-price small{margin-top:3px;color:var(--o3l-muted);font-size:14px;line-height:1.35;}
:is(html,body).o3l-product .o3l-option-price{color:var(--o3l-ink);font-size:0;text-align:right;}
:is(html,body).o3l-product .o3l-option-price strong{font-size:17px;line-height:1.25;}
:is(html,body).o3l-product .o3l-best-badge{position:absolute;top:-10px;left:14px;padding:4px 8px;border-radius:3px;background:var(--o3l-promo);color:#fff;font-size:14px;font-weight:800;line-height:1.25;}
:is(html,body).o3l-product .o3l-option-benefits{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:6px 14px;padding-top:9px;border-top:1px solid var(--o3l-line);color:var(--o3l-positive);font-size:14px;}
:is(html,body).o3l-product .quantity-discounts__save{display:none!important;}
:is(html,body).o3l-product #product-detail-form .price-final-holder{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:baseline;}
:is(html,body).o3l-product #product-detail-form .o3l-main-price-old{color:#b43d32;font-size:.62em;font-weight:500;text-decoration:line-through;white-space:nowrap;}
:is(html,body).o3l-product #product-detail-form .o3l-main-price-current{color:inherit;font:inherit;white-space:nowrap;}
@media(min-width:768px){:is(html,body).o3l-product .o3l-benefit-banner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;margin:24px 0 0!important;padding:0!important;border-top:1px solid var(--o3l-line);border-bottom:1px solid var(--o3l-line);background:transparent!important;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__item{width:auto!important;min-width:0;margin:0!important;padding:0!important;border:0!important;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__item:nth-child(even){border-left:1px solid var(--o3l-line)!important;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__item:nth-child(n+3){border-top:1px solid var(--o3l-line)!important;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__link{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-height:94px;padding:15px 13px!important;color:var(--o3l-ink)!important;text-decoration:none!important;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__picture{width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;background-size:contain!important;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__title{display:block;color:var(--o3l-ink);font-size:15px;line-height:1.25;}:is(html,body).o3l-product .o3l-benefit-banner .benefitBanner__data{margin-top:4px;color:var(--o3l-muted);font-size:14px;line-height:1.35;}}
:is(html,body).o3l-product #o3l-long .ingredient-feature h2,:is(html,body).o3l-product #o3l-long .family-photo h3,:is(html,body).o3l-product #o3l-long .calculator-copy h2,:is(html,body).o3l-product #o3l-long .testing-section h2,:is(html,body).o3l-product #o3l-long .testing-section h3,:is(html,body).o3l-product #o3l-long .testing-section strong,:is(html,body).o3l-product #o3l-long .story-photo h3,:is(html,body).o3l-product #o3l-long .final-cta h2{color:#fff!important;}
:is(html,body).o3l-product #o3l-long .ingredient-feature>div>p,:is(html,body).o3l-product #o3l-long .family-photo p,:is(html,body).o3l-product #o3l-long .calculator-copy>p,:is(html,body).o3l-product #o3l-long .testing-header p{color:#a9e7e1!important;}
:is(html,body).o3l-product #o3l-long .testing-section .batch-highlight strong,:is(html,body).o3l-product #o3l-long .testing-section .status-pass{color:#a9e7e1!important;}
:is(html,body).o3l-product #o3l-long .testing-actions>a,:is(html,body).o3l-product #o3l-long .testing-ai-actions>a{border-color:rgba(255,255,255,.62)!important;background-color:rgba(255,255,255,.08)!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;}
:is(html,body).o3l-product #o3l-long .reviews-summary-stars,:is(html,body).o3l-product #o3l-long .review-stars{color:#d98200!important;}
:is(html,body).o3l-product #o3l-long .faq-aside{position:sticky;top:24px;align-self:start;}
:is(html,body).o3l-product #o3l-long a{text-decoration:none!important;}
@media(hover:hover) and (pointer:fine){:is(html,body).o3l-product #o3l-long a:hover{text-decoration:underline!important;text-underline-offset:3px;}:is(html,body).o3l-product .o3l-quantity-table .quantity-discounts__item:hover{border-color:var(--o3l-accent)!important;background:var(--o3l-soft)!important;}}
:is(html,body).o3l-product #o3l-video-dialog[open]{position:fixed!important;inset:0!important;z-index:100000!important;width:min(520px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:0!important;overflow:auto!important;border:0!important;border-radius:8px!important;background:#071f1e!important;color:#fff!important;}
:is(html,body).o3l-product #o3l-video-dialog::backdrop{background:rgba(2,24,22,.76)!important;}
:is(html,body).o3l-product #o3l-video-dialog .media-dialog__head{display:flex!important;min-height:58px!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px!important;background:#102e2b!important;color:#fff!important;}
:is(html,body).o3l-product #o3l-video-dialog .media-dialog__head button{display:grid!important;width:40px!important;height:40px!important;place-items:center!important;padding:0!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:4px!important;background:transparent!important;color:#fff!important;font-size:27px!important;line-height:1!important;cursor:pointer!important;}
:is(html,body).o3l-product #o3l-video-dialog .media-dialog__body{display:grid;min-height:min(76vh,680px);place-items:center;background:#000;}
:is(html,body).o3l-product #o3l-video-dialog video,:is(html,body).o3l-product #o3l-video-dialog iframe{display:block;width:100%!important;height:min(76vh,680px)!important;max-height:min(76vh,680px)!important;border:0;object-fit:contain;}
:is(html,body).o3l-product.o3l-video-open{overflow:hidden;}
@media(max-width:980px){:is(html,body).o3l-product #o3l-long .faq-aside{position:static;top:auto;}}
@media(max-width:767px){:is(html,body).o3l-product #product-detail-form .price-final-holder{font-size:36px!important;line-height:1.1;}:is(html,body).o3l-product .o3l-content-nav{box-sizing:border-box;width:100%;max-width:100%;margin-inline:0!important;}:is(html,body).o3l-product .o3l-content-nav .content-nav-inner{justify-content:flex-start!important;}:is(html,body).o3l-product .o3l-quantity-table .quantity-discounts__item{grid-template-columns:1fr;}:is(html,body).o3l-product .o3l-option-price{text-align:left;}}


/* b-complex.css */
/* Puori B-Complex export. Activated only for Shoptet productId 100. */
:is(html,body).b-complex-product{color-scheme: light;
  --accent: #006460;
  --accent-dark: #004f4c;
  --accent-soft: #e7f3f1;
  --ink: #172321;
  --muted: #667471;
  --line: #d9e4e1;
  --surface: #ffffff;
  --soft: #f3f7f6;
  --promo: #a53c2f;
  --radius: 8px;
  --content: 1220px;}
:is(html,body).b-complex-product .bcomplex-scope,:is(html,body).b-complex-product .bcomplex-scope *{box-sizing: border-box;}
:is(html,body).b-complex-product .bcomplex-scope button,:is(html,body).b-complex-product .bcomplex-scope input{font: inherit;}
:is(html,body).b-complex-product .bcomplex-scope a{color: inherit;}
:is(html,body).b-complex-product .bcomplex-scope img{display: block; max-width: 100%;}
:is(html,body).b-complex-product .bcomplex-scope button,:is(html,body).b-complex-product .bcomplex-scope a{-webkit-tap-highlight-color: transparent;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav{display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); scrollbar-width: none;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav::-webkit-scrollbar{display: none;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav a{flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav a.is-active{border-color: var(--accent); background: var(--accent); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .stars{color: #d58a14; letter-spacing: 1px;}
:is(html,body).b-complex-product .bcomplex-scope h1{margin: 0; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).b-complex-product .bcomplex-scope .audience-tags{display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0 24px;}
:is(html,body).b-complex-product .bcomplex-scope .audience-tags-intro{display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0 0 5px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).b-complex-product .bcomplex-scope .audience-tags-intro strong{color: var(--ink); font-size: 15px;}
:is(html,body).b-complex-product .bcomplex-scope .audience-tags a{padding: 5px 9px; border: 1px solid var(--line); border-radius: 4px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease;}
:is(html,body).b-complex-product .bcomplex-scope .audience-tags a:hover,:is(html,body).b-complex-product .bcomplex-scope .audience-tags a:focus-visible{border-color: var(--accent); background: var(--accent-soft);}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof a{display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none;}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof a:nth-child(2n + 1){border-right: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof strong{color: var(--accent); font-size: 16px;}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof span{margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight{display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight img{width: 82px; height: 82px; object-fit: cover; object-position: 54% center;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight > span{display: flex; flex-direction: column; padding-block: 10px;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight strong{color: var(--accent); font-size: 16px;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight small{margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.3;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight > b{padding-right: 16px; color: var(--accent); font-size: 20px;}
:is(html,body).b-complex-product .bcomplex-scope .story-section{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5.5vw, 68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro p{max-width: 60ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).b-complex-product .bcomplex-scope .story-grid{display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: 54% center;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,18,.08) 20%, rgba(3,20,18,.88) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy{position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px);}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy h3{max-width: 14ch; margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy p{max-width: 52ch; margin: 0 0 10px; font-size: 17px;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy small{display: block; max-width: 55ch; color: rgba(255,255,255,.78); font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .story-facts{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact{display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--radius); background: var(--soft);}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary{min-height: 250px; background: var(--accent); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-wide{grid-column: 1 / -1; min-height: 190px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary > span{color: #cbe5e2;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact > strong{margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px, 7vw, 84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary > strong{color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact p{margin: 6px 0 0; color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary p{color: #d8ecea;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading{display: grid; gap: 15px; margin-bottom: 30px;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading p{max-width: 64ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-section,:is(html,body).b-complex-product .bcomplex-scope .routine-section,:is(html,body).b-complex-product .bcomplex-scope .audience-section,:is(html,body).b-complex-product .bcomplex-scope .research-voices,:is(html,body).b-complex-product .bcomplex-scope .video-section,:is(html,body).b-complex-product .bcomplex-scope .faq-section,:is(html,body).b-complex-product .bcomplex-scope .reviews-section,:is(html,body).b-complex-product .bcomplex-scope .final-cta{margin-top: 72px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-section{margin-top: 18px; padding: 54px 0 0; border-top: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-table{display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head:not(:last-child),:is(html,body).b-complex-product .bcomplex-scope .comparison-label,:is(html,body).b-complex-product .bcomplex-scope .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori{background: var(--accent-soft);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other{background: var(--soft);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head strong{max-width: 20ch;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-label,:is(html,body).b-complex-product .bcomplex-scope .comparison-value{display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-label{font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-value{color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-value-puori{background: #f5faf9; color: var(--accent); font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-scroll-hint{display: none; margin: 10px 0 0; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .forms-explainer{margin-top: 22px; padding: clamp(28px,4vw,44px); border-radius: var(--radius); background: var(--ink); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro{display: grid; grid-template-columns: .7fr 1.3fr; gap: 12px clamp(30px,5vw,70px); align-items: end;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro > span{grid-column: 1; color: #9ddbd5; font-size: 14px; font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro h3{grid-column: 1; max-width: 12ch; margin: 0; color: #fff; font-size: clamp(34px,4vw,52px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro p{grid-column: 2; grid-row: 1 / span 2; max-width: 55ch; margin: 0; color: #c8d3d0; font-size: 17px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 34px; background: rgba(255,255,255,.22);}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid article{display: flex; flex-direction: column; min-height: 168px; padding: 20px; background: #26322f;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid article.is-reference{position: relative; z-index: 1; background: var(--accent);}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid strong{color: #fff; font-size: 19px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-evidence-number{margin-top: 14px; color: #fff; font-size: clamp(42px,4.5vw,64px); font-weight: 800; line-height: .9; letter-spacing: -.055em; font-variant-numeric: tabular-nums;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid .is-reference small{margin-top: 7px; color: #cce9e6; font-size: 12px; font-weight: 700; line-height: 1.25;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid span{margin-top: auto; padding-top: 16px; color: #c8d3d0; font-size: 14px; line-height: 1.42;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid .is-reference span{color: #d9efec;}
:is(html,body).b-complex-product .bcomplex-scope .forms-source-note{max-width: 86ch; margin: 22px 0 0; color: #aebbb8; font-size: 12px; line-height: 1.45;}
:is(html,body).b-complex-product .bcomplex-scope .forms-explainer > a{display: inline-block; margin-top: 24px; color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html,body).b-complex-product .bcomplex-scope .button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html,body).b-complex-product .bcomplex-scope .button-light{background: #fff; color: var(--accent);}
:is(html,body).b-complex-product .bcomplex-scope .routine-section{display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--radius); background: var(--soft);}
:is(html,body).b-complex-product .bcomplex-scope .routine-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html,body).b-complex-product .bcomplex-scope .routine-content{display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,6vw,76px);}
:is(html,body).b-complex-product .bcomplex-scope .routine-content h2{max-width: 11ch; margin: 0 0 18px; font-size: clamp(42px,5vw,66px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).b-complex-product .bcomplex-scope .routine-content > p{max-width: 50ch; margin: 0 0 28px; color: var(--muted); font-size: 17px;}
:is(html,body).b-complex-product .bcomplex-scope .routine-steps{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .routine-steps article{display: flex; flex-direction: column; min-height: 112px; padding: 17px; background: var(--surface);}
:is(html,body).b-complex-product .bcomplex-scope .routine-steps strong{color: var(--accent);}
:is(html,body).b-complex-product .bcomplex-scope .routine-steps span{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .routine-content > a{align-self: flex-start; margin-top: 24px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort{position: relative; display: flex; min-height: 690px; justify-content: flex-start; overflow: hidden; margin-top: 72px; border-radius: var(--radius); background: var(--accent-dark);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,47,44,.97) 0%,rgba(0,56,53,.76) 44%,rgba(0,39,37,.1) 72%,rgba(0,39,37,.03) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-content{position: relative; z-index: 1; display: flex; width: min(650px,58%); flex-direction: column; justify-content: center; padding: clamp(38px,5vw,64px);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-intro{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-intro h2{max-width: 13ch; margin: 0 0 16px; color: #fff; font-size: clamp(34px,4vw,50px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-intro p{max-width: 38ch; margin: 0; color: #d5e9e6;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points{display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 1px; overflow: hidden; margin-top: 28px; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points article{display: flex; min-height: 238px; flex-direction: column; padding: clamp(20px,3vw,30px); background: rgba(0,66,62,.91); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points article + article{background: rgba(246,250,249,.96); color: var(--ink);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points h3{margin: 0 0 14px; color: #a9dfda; font-size: 23px; line-height: 1.12; letter-spacing: -.025em;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points article + article h3{color: var(--accent);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points p{margin: 0; color: inherit;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points small{display: block; margin-top: auto; padding-top: 24px; color: #d2e7e4; font-size: 14px; line-height: 1.48;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points article + article small{color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-source{grid-column: 1 / -1; margin: 0 !important; padding: 15px 18px; background: rgba(255,255,255,.96); color: var(--muted) !important; font-size: 14px; line-height: 1.5;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-source a{color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel{display: grid; grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr); gap: clamp(28px,5vw,66px); padding: clamp(28px,5vw,58px); border-radius: var(--radius); background: var(--accent); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel-copy{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel-copy p{margin: 0 0 10px; color: #a9dfda; font-size: 14px; font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel-copy h2{max-width: 12ch; margin: 0 0 18px; color: #fff; font-size: clamp(38px,4.6vw,60px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel-copy span{max-width: 42ch; color: #d3e9e6;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; align-self: stretch; overflow: hidden; background: rgba(255,255,255,.3);}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid a{display: flex; min-height: 190px; flex-direction: column; justify-content: flex-end; padding: 20px; background: rgba(0,51,48,.82); color: #fff; text-decoration: none; transition: background-color 160ms ease, transform 160ms ease;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid a:hover,:is(html,body).b-complex-product .bcomplex-scope .audience-grid a:focus-visible{background: rgba(0,43,40,.96);}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid a:active{transform: translateY(1px);}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid small{margin-bottom: auto; color: #9edbd5; font-size: 14px; font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid strong{max-width: 26ch; margin-top: 14px; color: #fff; font-size: 20px; line-height: 1.18;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid span{max-width: 38ch; margin-top: 8px; color: #d3e9e6; font-size: 14px; line-height: 1.42;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid b{margin-top: 14px; color: #9edbd5; font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .audience-claim-note{width: 100%; max-width: none; margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html,body).b-complex-product .bcomplex-scope .research-voices{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--accent) var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .video-card{position: relative; overflow: hidden; min-height: 500px; padding: 0; border: 0; border-radius: var(--radius); background: var(--ink); color: #fff; cursor: pointer; scroll-snap-align: start; text-align: left;}
:is(html,body).b-complex-product .bcomplex-scope .video-card img{width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform 240ms cubic-bezier(.22,1,.36,1);}
:is(html,body).b-complex-product .bcomplex-scope .video-card:first-child img,:is(html,body).b-complex-product .bcomplex-scope .video-card:last-child img{object-position: center; transform: scale(1.35);}
:is(html,body).b-complex-product .bcomplex-scope .video-card:first-child:hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:last-child:hover img{transform: scale(1.38);}
:is(html,body).b-complex-product .bcomplex-scope .video-card:hover img{transform: scale(1.02);}
:is(html,body).b-complex-product .bcomplex-scope .video-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,20,18,.88) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .play-icon{position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; background: rgba(0,50,47,.6); font-size: 18px;}
:is(html,body).b-complex-product .bcomplex-scope .video-copy{position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column;}
:is(html,body).b-complex-product .bcomplex-scope .video-copy strong{color: #fff; font-size: 22px; line-height: 1.15;}
:is(html,body).b-complex-product .bcomplex-scope .video-copy small{margin-top: 6px; color: rgba(255,255,255,.76); font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-section{display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .faq-list details{border-bottom: 1px solid var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .faq-list summary{position: relative; padding: 20px 42px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html,body).b-complex-product .bcomplex-scope .faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).b-complex-product .bcomplex-scope .faq-list summary::after{content: "+"; position: absolute; top: 18px; right: 4px; color: var(--accent); font-size: 24px; line-height: 1;}
:is(html,body).b-complex-product .bcomplex-scope .faq-list details[open] summary::after{content: "−";}
:is(html,body).b-complex-product .bcomplex-scope .faq-list details p{max-width: 68ch; margin: -3px 0 20px; color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .faq-list .faq-more{display: block; width: fit-content; margin-top: 10px; color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-section{display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: var(--accent-soft);}
:is(html,body).b-complex-product .bcomplex-scope .reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-summary > strong{margin: 0 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-summary p{margin: 8px 0 0; color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-content h2{margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid blockquote{display: flex; flex-direction: column; min-height: 220px; margin: 0; padding: 20px; border-radius: 6px; background: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .review-stars{display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid p{margin: 0; color: #33403e; font-size: 16px; font-weight: 600;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid footer a{color: var(--muted); font-weight: 700; text-underline-offset: 3px;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards > p{margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note{margin-top: 18px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note summary{position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note summary::-webkit-details-marker{display: none;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note details[open] summary::after{content: "−";}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note details > div{padding: 0 0 15px;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note p{max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-links a{color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note small{display: block; margin-top: 10px; color: var(--muted); font-size: 11px;}
@media (min-width: 861px){:is(html,body).b-complex-product .bcomplex-scope .forms-grid{grid-template-columns: 1.18fr repeat(3,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid article.is-reference{transform: scale(1.035); transform-origin: center; box-shadow: 0 12px 28px rgba(0,0,0,.24);}
:is(html,body).b-complex-product .bcomplex-scope .reviews-summary > strong{font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap;}}
:is(html,body).b-complex-product .bcomplex-scope .final-cta{position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,27,25,.94) 0%,rgba(3,27,25,.72) 48%,rgba(3,27,25,.12) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy{position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px);}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy p{margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px;}
@media (max-width: 860px){:is(html,body).b-complex-product .bcomplex-scope.content-nav{justify-content: flex-start; margin: 32px 16px 0;}
:is(html,body).b-complex-product .bcomplex-scope h1{font-size: 38px;}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof a{min-height: 82px; padding: 13px;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight{grid-template-columns: 78px 1fr auto;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight img{width: 78px; height: 100%; min-height: 92px;}
:is(html,body).b-complex-product .bcomplex-scope .story-section{margin: 16px 16px 0; padding-top: 36px;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro{margin-bottom: 22px;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2{font-size: 42px;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro p{font-size: 16px;}
:is(html,body).b-complex-product .bcomplex-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card{min-height: 560px;}
:is(html,body).b-complex-product .bcomplex-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary,:is(html,body).b-complex-product .bcomplex-scope .story-fact-wide{grid-column: auto;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary{min-height: 260px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact{min-height: 190px; padding: 20px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-wide{min-height: 180px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact > strong{font-size: 60px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-section,:is(html,body).b-complex-product .bcomplex-scope .routine-section,:is(html,body).b-complex-product .bcomplex-scope .audience-section,:is(html,body).b-complex-product .bcomplex-scope .research-voices,:is(html,body).b-complex-product .bcomplex-scope .video-section,:is(html,body).b-complex-product .bcomplex-scope .faq-section,:is(html,body).b-complex-product .bcomplex-scope .reviews-section,:is(html,body).b-complex-product .bcomplex-scope .final-cta{margin: 52px 16px 0;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-section{margin-top: 16px; padding-top: 36px;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading{margin-bottom: 22px;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading h2{font-size: 42px;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading p{font-size: 16px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-table{grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-scroll-hint{display: block;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head{min-height: 180px; padding: 14px 10px; font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other img{width: 92px; height: 92px; margin-bottom: 10px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-label,:is(html,body).b-complex-product .bcomplex-scope .comparison-value{min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3;}
:is(html,body).b-complex-product .bcomplex-scope .forms-explainer{padding: 26px 20px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro > span,:is(html,body).b-complex-product .bcomplex-scope .forms-intro h3,:is(html,body).b-complex-product .bcomplex-scope .forms-intro p{grid-column: auto; grid-row: auto;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro h3{font-size: 38px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-intro p{margin-top: 6px; font-size: 16px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid{grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 25px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid article{min-height: 150px; padding: 16px;}
:is(html,body).b-complex-product .bcomplex-scope .routine-section{grid-template-columns: 1fr; min-height: 0;}
:is(html,body).b-complex-product .bcomplex-scope .routine-photo{height: 430px;}
:is(html,body).b-complex-product .bcomplex-scope .routine-content{padding: 30px 22px;}
:is(html,body).b-complex-product .bcomplex-scope .routine-content h2{font-size: 43px;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort{display: block; min-height: 0; margin: 52px 16px 0; background: var(--accent-dark);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-photo{height: 350px; object-position: 72% center;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-scrim{height: 370px; background: linear-gradient(180deg,rgba(0,39,37,0) 0%,rgba(0,47,44,.08) 55%,var(--accent-dark) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-content{width: 100%; padding: 330px 20px 28px;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-intro h2{max-width: 14ch; font-size: 39px;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel{grid-template-columns: 1fr; gap: 26px; margin-bottom: 18px; padding: 28px 20px;}
:is(html,body).b-complex-product .bcomplex-scope .situations-panel-copy h2{font-size: 42px;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .audience-grid a{min-height: 150px; padding: 20px;}
:is(html,body).b-complex-product .bcomplex-scope .video-grid{grid-auto-columns: minmax(250px,82vw); margin-right: -16px;}
:is(html,body).b-complex-product .bcomplex-scope .video-card{min-height: 470px;}
:is(html,body).b-complex-product .bcomplex-scope .research-voices{margin-top: 16px; padding-top: 36px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{display: none;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-section{grid-template-columns: 1fr; padding: 28px 20px;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid blockquote{min-height: 0;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid footer{margin-top: 10px; padding-top: 0;}
:is(html,body).b-complex-product .bcomplex-scope .methodology-note{margin: 16px 16px 0; padding: 0 15px;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta{min-height: 590px;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-scrim{background: linear-gradient(180deg,rgba(3,27,25,.18) 15%,rgba(3,27,25,.94) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy{align-self: flex-end; width: 100%; padding: 28px 22px;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{font-size: 43px;}}
@media (max-width: 430px){:is(html,body).b-complex-product .bcomplex-scope .performance-card{min-height: 500px;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy h3{font-size: 38px;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy p{font-size: 15px; line-height: 1.42;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy small{font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary,:is(html,body).b-complex-product .bcomplex-scope .story-fact-wide{grid-column: auto;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact{min-height: 178px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary{min-height: 230px;}
:is(html,body).b-complex-product .bcomplex-scope .routine-steps{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .routine-steps article{min-height: 0; padding: 18px 20px;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .mixing-comfort-points article{min-height: 210px; padding: 20px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-table{grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-label,:is(html,body).b-complex-product .bcomplex-scope .comparison-value{min-width: 0; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere;}
:is(html,body).b-complex-product .bcomplex-scope .video-card{min-height: 440px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid article{min-height: 0; padding: 14px 15px;}
:is(html,body).b-complex-product .bcomplex-scope .forms-grid span{margin-top: 6px; padding-top: 0;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-section{gap: 22px; padding: 23px 17px;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid blockquote{padding: 17px;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{font-size: 38px;}}
:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid > div{display: flex; min-width: 0; flex-direction: column; padding: 15px; background: var(--surface);}
:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid strong{color: var(--accent); font-size: clamp(19px,2vw,25px); line-height: 1;}
:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid small{margin-top: 6px; color: var(--muted); font-size: 13px;}
:is(html,body).b-complex-product .bcomplex-scope .section-kicker{margin: 0 0 10px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .video-card:first-child img{object-position: center; transform: none;}
:is(html,body).b-complex-product .bcomplex-scope .video-card:first-child:hover img{transform: scale(1.02);}
:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(3) img{object-position: 50% 25%;}
:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(4) img{object-position: 62% center;}
@media (max-width: 860px){:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width: 430px){:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid > div{padding: 13px;}}
:is(html,body).b-complex-product .bcomplex-scope.content-nav{display: block;
  overflow: visible;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav-inner{display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav-inner::-webkit-scrollbar{display: none;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{transform: scale(1.55);}
:is(html,body).b-complex-product .bcomplex-scope .quick-proof span{overflow-wrap: anywhere;}
:is(html,body).b-complex-product .bcomplex-scope .section-kicker-light{color: #a9dfda !important;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-insight img{object-position: 72% 46%;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card img{object-position: 50% 52%;}
:is(html,body).b-complex-product .bcomplex-scope .formula-story-fact{justify-content: center;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-generic-pack > span{display: grid;
  width: 96px;
  height: 112px;
  margin-bottom: 12px;
  place-items: center;
  border: 1px solid #d4dfdc;
  border-radius: 10px 10px 18px 18px;
  background: linear-gradient(180deg,#fcfdfd,#e2eae8);
  color: #768380;
  font-size: 42px;
  font-weight: 850;}
:is(html,body).b-complex-product .bcomplex-scope .composition-panel{margin-top: 34px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 6px;
  background: #202c2a;}
:is(html,body).b-complex-product .bcomplex-scope .composition-heading{display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: end;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255,255,255,.16);}
:is(html,body).b-complex-product .bcomplex-scope .composition-heading > div{display: flex;
  flex-direction: column;}
:is(html,body).b-complex-product .bcomplex-scope .composition-heading span,:is(html,body).b-complex-product .bcomplex-scope .composition-heading small{color: #a8c4c0;
  font-size: 13px;}
:is(html,body).b-complex-product .bcomplex-scope .composition-heading span{font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;}
:is(html,body).b-complex-product .bcomplex-scope .composition-heading h4{margin: 6px 0 0;
  color: #fff;
  font-size: clamp(26px,3vw,38px);
  line-height: 1.05;
  letter-spacing: -.04em;}
:is(html,body).b-complex-product .bcomplex-scope .composition-table{display: grid;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row{display: grid;
  grid-template-columns: minmax(150px,1.05fr) minmax(180px,1.25fr) minmax(90px,.55fr) minmax(70px,.45fr);
  border-bottom: 1px solid rgba(255,255,255,.12);}
:is(html,body).b-complex-product .bcomplex-scope .composition-row > *{min-width: 0;
  padding: 13px 15px;
  border-right: 1px solid rgba(255,255,255,.12);
  color: #d3dedc;
  font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row > *:last-child{border-right: 0;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row strong{color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row-head{background: #0f5a56;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row-head > *{color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .035em;}
:is(html,body).b-complex-product .bcomplex-scope .composition-ingredients{margin: 0 !important;
  padding: 17px 20px;
  color: #b9c8c5 !important;
  font-size: 13px !important;
  line-height: 1.5;}
:is(html,body).b-complex-product .bcomplex-scope .composition-ingredients strong{color: #fff !important;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context{min-height: 760px;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-photo{object-position: 70% center;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-scrim{background: linear-gradient(90deg,rgba(0,47,44,.98) 0%,rgba(0,56,53,.92) 34%,rgba(0,49,46,.62) 54%,rgba(0,39,37,.06) 78%,rgba(0,39,37,.01) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-content{width: min(710px,61%);}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-intro p:not(.section-kicker){max-width: 44ch;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid article{display: grid;
  grid-template-columns: 92px 1fr;
  grid-template-rows: auto auto 1fr auto;
  gap: 5px 22px;
  min-height: 300px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);}
:is(html,body).b-complex-product .bcomplex-scope .source-grid article > span{color: var(--accent);
  font-size: 14px;
  font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid h3{max-width: 24ch;
  margin: 3px 0 5px;
  font-size: clamp(22px,2.1vw,30px);
  line-height: 1.08;
  letter-spacing: -.035em;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid p{max-width: 48ch;
  margin: 0;
  color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .source-grid a{align-self: end;
  margin-top: 15px;
  color: var(--accent);
  font-weight: 800;
  text-underline-offset: 3px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards > small{display: block;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 128px);}
:is(html,body).b-complex-product .bcomplex-scope .media-dialog[open]{position: fixed;
  inset: 0;
  z-index: 100000;
  width: min(520px,calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: var(--radius);
  background: #071f1e;
  color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .media-dialog::backdrop{background: rgba(2,24,22,.76);}
:is(html,body).b-complex-product .bcomplex-scope .media-dialog__head{display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #102e2b;
  color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .media-dialog__head button{display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;}
:is(html,body).b-complex-product .bcomplex-scope .media-dialog__body{display: grid;
  min-height: min(76vh,680px);
  place-items: center;
  background: #000;}
:is(html,body).b-complex-product .bcomplex-scope .media-dialog__body video,:is(html,body).b-complex-product .bcomplex-scope .media-dialog__body iframe{display: block;
  width: 100%;
  height: min(76vh,680px);
  max-height: min(76vh,680px);
  border: 0;
  object-fit: contain;}
:is(html,body).b-complex-product .bcomplex-scope .video-card img{position: absolute;
  inset: 0;}
:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(1) img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(2) img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(3) img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(4) img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(5) img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(6) img{transform: none;
  object-position: center;}
:is(html,body).b-complex-product .bcomplex-scope .video-card:hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(1):hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(2):hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(3):hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(4):hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(5):hover img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(6):hover img{transform: scale(1.02);}
:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(4) img{object-position: 50% 30%;}
:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(5) img,:is(html,body).b-complex-product .bcomplex-scope .video-card:nth-child(6) img{object-position: 50% 28%;}
@media (max-width: 860px){:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card img{object-position: 50% 45%;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context{min-height: 0;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-photo{height: 390px; object-position: 72% 45%;}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-scrim{height: 410px; background: linear-gradient(180deg,rgba(0,39,37,.02) 0%,rgba(0,47,44,.13) 58%,var(--accent-dark) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .vegan-context .mixing-comfort-content{width: 100%; padding-top: 365px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope.content-nav-inner{justify-content: flex-start;}}
@media (max-width: 520px){:is(html,body).b-complex-product .bcomplex-scope .composition-heading{align-items: flex-start; flex-direction: column; gap: 8px; padding: 20px 17px;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row{grid-template-columns: minmax(112px,.95fr) minmax(130px,1.1fr) 76px 64px; width: max-content;}
:is(html,body).b-complex-product .bcomplex-scope .composition-table{overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row > *{padding: 11px 9px; font-size: 12px; overflow-wrap: anywhere;}
:is(html,body).b-complex-product .bcomplex-scope .composition-ingredients{padding: 15px 17px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid article{grid-template-columns: 64px 1fr; gap: 5px 16px; min-height: 0; padding: 20px 17px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid h3{font-size: 22px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid p{font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-generic-pack > span{width: 58px; height: 64px; margin-bottom: 7px; border-radius: 7px 7px 11px 11px; font-size: 25px;}}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{width: 150px;
  height: 150px;
  margin-bottom: 8px;
  transform: none;}
:is(html,body).b-complex-product .bcomplex-scope .composition-scroll-hint{display: none;
  margin: 10px 0 0;
  color: #a9dfda;
  font-size: 13px;
  font-weight: 800;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-section{grid-template-columns: 280px minmax(0,1fr);
  gap: 30px;
  margin-top: 18px;
  padding: 36px;}
:is(html,body).b-complex-product .bcomplex-scope .video-section,:is(html,body).b-complex-product .bcomplex-scope .faq-section,:is(html,body).b-complex-product .bcomplex-scope .final-cta{margin-top: 18px;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-content h2{margin-bottom: 18px;
  font-size: 42px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-section{grid-template-columns: 340px minmax(0,1fr);
  gap: 34px;
  padding: 35px;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html,body).b-complex-product .bcomplex-scope .faq-aside h2{max-width: 11ch;
  margin: 0 0 16px;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -.04em;}
:is(html,body).b-complex-product .bcomplex-scope .faq-aside > p{color: var(--muted);}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{margin-top: 20px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;}
@media (max-width: 980px){:is(html,body).b-complex-product .bcomplex-scope .story-facts{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary{grid-column: auto;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-wide{grid-column: 1 / -1;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-section,:is(html,body).b-complex-product .bcomplex-scope .faq-section{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .video-grid{grid-auto-columns: minmax(250px,44%);
    margin-right: 0;}}
@media (max-width: 860px){:is(html,body).b-complex-product .bcomplex-scope .faq-section{gap: 28px;
    padding: 22px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{display: block;}}
@media (max-width: 600px){:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{width: 84px;
    height: 84px;
    margin-bottom: 6px;
    transform: none;}
:is(html,body).b-complex-product .bcomplex-scope .composition-scroll-hint{display: block;}
:is(html,body).b-complex-product .bcomplex-scope .composition-row > *{font-size: 13px;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-section{padding: 27px 18px;}
:is(html,body).b-complex-product .bcomplex-scope .reviews-content h2{font-size: 38px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-section{padding: 26px 18px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-aside h2{font-size: 38px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{display: none;}
:is(html,body).b-complex-product .bcomplex-scope .video-grid{grid-auto-columns: minmax(250px,82vw);
    margin-right: -16px;}
:is(html,body).b-complex-product .bcomplex-scope .video-card{min-height: 440px;}}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2,:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{max-width: none;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2 > span,:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2 > span{display: block;
  white-space: nowrap;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro p strong{color: var(--ink);}
:is(html,body).b-complex-product .bcomplex-scope .story-grid{grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr);
  align-items: stretch;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card{min-height: 520px;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card img{position: absolute;
  inset: 0;
  object-position: 50% 43%;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.01) 22%,rgba(3,20,18,.18) 52%,rgba(3,20,18,.92) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .performance-card-copy h3{max-width: 17ch;
  font-size: clamp(33px,3.8vw,50px);}
:is(html,body).b-complex-product .bcomplex-scope .story-fact,:is(html,body).b-complex-product .bcomplex-scope .story-fact-primary{min-height: 190px;}
:is(html,body).b-complex-product .bcomplex-scope .story-fact-wide{min-height: 210px;}
:is(html,body).b-complex-product .bcomplex-scope .formula-dose-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .headline-nowrap-desktop{max-width: none !important;
  font-size: clamp(38px,4vw,50px) !important;
  white-space: nowrap;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > span{position: relative;
  display: block;
  width: 96px;
  height: 112px;
  margin-bottom: 12px;
  border: 1px solid #d4dfdc;
  border-radius: 10px 10px 18px 18px;
  background: linear-gradient(180deg,#fcfdfd 0 16%,#e2eae8 16% 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), 0 10px 18px rgba(31,55,52,.08);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > span::before{content: "";
  position: absolute;
  top: -8px;
  left: 24px;
  width: 48px;
  height: 12px;
  border-radius: 5px 5px 2px 2px;
  background: #cbd6d3;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > span::after{content: "B";
  position: absolute;
  inset: 29px 11px 16px;
  display: grid;
  place-items: center;
  border: 1px solid #cfd9d6;
  background: #f8faf9;
  color: #8a9693;
  font-size: 29px;
  font-weight: 850;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-term{display: inline-block;
  border: 0;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline dotted currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  white-space: nowrap;
  cursor: help;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-term-light{color: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-term:focus-visible{border-radius: 2px;
  outline: 2px solid var(--accent);
  outline-offset: 2px;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-term-light:focus-visible{outline-color: #fff;}
:is(html,body).b-complex-product .bcomplex-term-tooltip{position: fixed;
  z-index: 120;
  width: min(310px,calc(100vw - 28px));
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 5px;
  background: #102a27;
  color: #fff;
  box-shadow: 0 12px 34px rgba(7,35,32,.24);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 120ms ease, transform 120ms ease;}
:is(html,body).b-complex-product .bcomplex-term-tooltip.is-visible{opacity: 1;
  transform: translateY(0);}
:is(html,body).b-complex-product .bcomplex-scope .source-grid article{grid-template-columns: 92px minmax(0,1fr);
  grid-template-rows: auto auto auto 1fr auto;
  min-height: 330px;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand{display: grid;
  grid-row: 1 / -1;
  width: 82px;
  height: 82px;
  place-items: center;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.045em;
  text-align: center;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-vegan{background: #40815a;
  font-size: 12px;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-eu{background: #174d8d;
  font-size: 32px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid blockquote{margin: 10px 0 8px;
  color: var(--ink);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: -.02em;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid h3{align-self: start;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0;}
:is(html,body).b-complex-product .bcomplex-scope .faq-aside{position: sticky;
  top: 82px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{background: #f7faf9;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product{grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img,:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;
  height: 54px;
  max-height: 54px;
  object-fit: contain;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img:nth-child(n+5){grid-column: span 1;
  margin-top: 6px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-list details p{line-height: 1.62;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2 > span:first-child{white-space: nowrap;}
@media (max-width: 1100px){:is(html,body).b-complex-product .bcomplex-scope .story-grid{grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr);}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2 > span{white-space: normal;}
:is(html,body).b-complex-product .bcomplex-scope .headline-nowrap-desktop{white-space: normal;}}
@media (max-width: 980px){:is(html,body).b-complex-product .bcomplex-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card{min-height: 540px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-aside{position: static;}}
@media (max-width: 600px){:is(html,body).b-complex-product .bcomplex-scope .story-intro h2 > span,:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2 > span,:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2 > span:first-child{white-space: normal;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2{font-size: 34px;
    line-height: 1.01;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{font-size: 30px;
    line-height: 1.02;}
:is(html,body).b-complex-product .bcomplex-scope .performance-card{min-height: 520px;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card img{object-position: 52% 42%;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid article{grid-template-columns: 64px minmax(0,1fr);
    grid-template-rows: auto auto auto 1fr auto;
    min-height: 0;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand{width: 58px;
    height: 58px;
    font-size: 15px;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-vegan{font-size: 9px;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-eu{font-size: 24px;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid blockquote{margin-top: 7px;
    font-size: 18px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards{display: block;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product{grid-template-columns: repeat(4,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img,:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img:last-child:nth-child(odd){height: 46px;
    max-height: 46px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-table{grid-template-columns: 150px 280px 280px;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head{min-height: 178px;
    padding: 14px 12px;
    font-size: 14px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-label,:is(html,body).b-complex-product .bcomplex-scope .comparison-value{min-height: 84px;
    padding: 12px 11px;
    font-size: 14px;
    overflow-wrap: normal;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > span{width: 74px;
    height: 86px;}}
:is(html,body).b-complex-product .bcomplex-scope .section-kicker{margin: 0 0 10px;
  color: #006460;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .13em;
  text-transform: uppercase;}
:is(html,body).b-complex-product .bcomplex-scope .section-kicker:not(.section-kicker-light){color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;}
:is(html,body).b-complex-product .bcomplex-scope .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading h2{line-height: 1.08;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2{line-height: 1.04;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{line-height: 1.1;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight{grid-template-columns: 112px minmax(0,1fr) auto;
  min-height: 104px;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight img,:is(html,body).b-complex-product .bcomplex-scope .vegan-insight img{width: 112px;
  height: 100%;
  min-height: 104px;
  object-position: 50% 36%;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight > span{padding: 12px 0;}
:is(html,body).b-complex-product .bcomplex-scope .story-grid{align-items: start;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card{min-height: 0;
  aspect-ratio: 1;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card img{object-position: 50% 36%;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.02) 16%,rgba(3,20,18,.14) 38%,rgba(3,20,18,.72) 68%,rgba(3,20,18,.96) 100%);}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card .section-kicker-light{color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.48);}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card .performance-card-copy p,:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card .performance-card-copy small{text-shadow: 0 1px 2px rgba(0,0,0,.38);}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-generic-pack > img{width: 142px;
  height: 142px;
  object-fit: contain;
  filter: saturate(.72) contrast(.96);}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other{display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: 184px 50px;
  align-content: end;
  align-items: end;
  justify-content: stretch;
  justify-items: center;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{width: 184px;
  height: 184px;
  margin: 0;
  justify-self: center;
  object-position: center bottom;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > img{width: 122px;
  height: 154px;
  margin: 0;
  justify-self: center;
  object-position: center bottom;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori strong,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other strong{align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding-top: 10px;
  line-height: 1.25;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-safety-note{margin: 14px 0 0;
  padding: 15px 17px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--accent-soft);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-safety-note strong{color: var(--accent);}
:is(html,body).b-complex-product .bcomplex-term-tooltip{z-index: 100050;
  width: max-content;
  max-width: min(310px,calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid rgba(0,100,96,.24);
  border-radius: 6px;
  background: #123f3c;
  box-shadow: 0 8px 24px rgba(8,36,34,.18);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px);
  transition: opacity 80ms ease,transform 80ms ease,visibility 80ms;}
:is(html,body).b-complex-product .bcomplex-term-tooltip.is-visible{opacity: 1;
  visibility: visible;
  transform: translateY(0);}
:is(html,body).b-complex-product .bcomplex-scope .source-brand{overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand img{width: 100%;
  height: 100%;
  object-fit: contain;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-nih img{width: 86%;
  height: 86%;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-vegan img{width: 94%;
  height: 94%;}
:is(html,body).b-complex-product .bcomplex-scope .source-brand-eu img{object-fit: cover;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid article{grid-template-rows: auto auto auto auto;
  min-height: 0;
  align-content: start;}
:is(html,body).b-complex-product .bcomplex-scope .source-grid a{align-self: start;
  margin-top: 12px;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-nowrap{white-space: nowrap;}
@media (min-width: 861px){:is(html,body).b-complex-product .bcomplex-scope .forms-source-note,:is(html,body).b-complex-product .bcomplex-scope .video-section .section-heading > p:last-child,:is(html,body).b-complex-product .bcomplex-scope .research-voices .section-heading > p:last-child{max-width: none;
    white-space: nowrap;}
:is(html,body).b-complex-product .bcomplex-scope .video-section .section-heading h2{max-width: none;}}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product,:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product:last-child{grid-template-columns: repeat(4,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img,:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;
  height: 70px;
  max-height: 70px;
  object-fit: contain;}
@media (max-width: 980px){:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card{min-height: 540px;
    aspect-ratio: auto;}}
@media (max-width: 600px){:is(html,body).b-complex-product .bcomplex-scope .bcomplex-desktop-break{display: none;}
:is(html,body).b-complex-product .bcomplex-scope .section-heading h2{line-height: 1.09;}
:is(html,body).b-complex-product .bcomplex-scope .story-intro h2{line-height: 1.06;}
:is(html,body).b-complex-product .bcomplex-scope .final-cta-copy h2{line-height: 1.12;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight{grid-template-columns: 96px minmax(0,1fr) auto;}
:is(html,body).b-complex-product .bcomplex-scope .women-insight img,:is(html,body).b-complex-product .bcomplex-scope .vegan-insight img{width: 96px;
    min-height: 112px;}
:is(html,body).b-complex-product .bcomplex-scope .bcomplex-performance-card{min-height: 540px;}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img,:is(html,body).b-complex-product .bcomplex-scope .faq-awards-grid-product img:last-child:nth-child(odd){height: 66px;
    max-height: 66px;}}
@media (max-width: 860px){:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other{grid-template-rows: 112px 44px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{width: 112px;
    height: 112px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > img{width: 76px;
    height: 94px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori strong,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other strong{padding-top: 8px;}}
@media (max-width: 430px){:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori,:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other{grid-template-rows: 86px 44px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-puori img{width: 86px;
    height: 86px;}
:is(html,body).b-complex-product .bcomplex-scope .comparison-head-other.bcomplex-generic-pack > img{width: 58px;
    height: 72px;}}

/* Shoptet integration and late recurring-component hardening. */
/*
 * Puori B-Complex — production Shoptet integration layer.
 * Activated only when b-complex.js verifies native productId 100 and adds
 * .b-complex-product to the document roots.
 */

:is(html, body).b-complex-product {
  --bcomplex-ink: #172423;
  --bcomplex-muted: #667674;
  --bcomplex-line: #c9dcda;
  --bcomplex-line-strong: #b7d2cf;
  --bcomplex-soft: #f3f7f6;
  --bcomplex-tint: #e7f4f2;
  --bcomplex-surface: #fff;
  --bcomplex-accent: #006460;
  --bcomplex-accent-dark: #004f4c;
  --bcomplex-promo: #a53c2f;
  --bcomplex-promo-soft: #fff3f0;
  --bcomplex-positive: #16874b;
  --bcomplex-gold: #d88900;
  --bcomplex-radius: 8px;
  --accent: var(--bcomplex-accent);
  --accent-dark: var(--bcomplex-accent-dark);
  --accent-soft: var(--bcomplex-tint);
  --ink: var(--bcomplex-ink);
  --muted: var(--bcomplex-muted);
  --line: var(--bcomplex-line);
  --soft: var(--bcomplex-soft);
  --surface: var(--bcomplex-surface);
  --promo: var(--bcomplex-promo);
  --radius: var(--bcomplex-radius);
}

:is(html, body).b-complex-product #bcomplex-short,
:is(html, body).b-complex-product #bcomplex-long,
:is(html, body).b-complex-product #bcomplex-video-dialog {
  font-family: inherit !important;
}

:is(html, body).b-complex-product #bcomplex-short,
:is(html, body).b-complex-product #bcomplex-long {
  box-sizing: border-box;
  color: var(--bcomplex-ink);
}

:is(html, body).b-complex-product #bcomplex-short *,
:is(html, body).b-complex-product #bcomplex-long *,
:is(html, body).b-complex-product #bcomplex-video-dialog * {
  box-sizing: border-box;
}

:is(html, body).b-complex-product #bcomplex-short img,
:is(html, body).b-complex-product #bcomplex-long img {
  max-width: 100%;
}

/* Native Shoptet description shell. */
:is(html, body).b-complex-product #bcomplex-short {
  width: 100%;
  max-width: 100%;
  margin: 22px 0 6px;
  background: transparent;
}

:is(html, body).b-complex-product #bcomplex-short .audience-tags,
:is(html, body).b-complex-product #bcomplex-short .quick-proof,
:is(html, body).b-complex-product #bcomplex-short .women-insight {
  max-width: 100%;
}

:is(html, body).b-complex-product .p-short-description .vice-info,
:is(html, body).b-complex-product .social-buttons-wrapper {
  display: none !important;
}

:is(html, body).b-complex-product .p-detail-tabs-wrapper .shp-tabs-row {
  display: none !important;
}

:is(html, body).b-complex-product #description > .description-inner > h3:first-child,
:is(html, body).b-complex-product #description > .tab-mobil.tab-popis {
  display: none !important;
}

:is(html, body).b-complex-product #description .description-inner {
  max-width: none;
  padding-top: 0;
}

:is(html, body).b-complex-product #bcomplex-long {
  width: min(1220px, 100%);
  max-width: 100%;
  margin-inline: auto;
  background: transparent;
}

/* Product links must not inherit Shoptet's default underlines. */
:is(html, body).b-complex-product #bcomplex-short a,
:is(html, body).b-complex-product #bcomplex-long a {
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).b-complex-product #bcomplex-long .routine-content > a:hover,
  :is(html, body).b-complex-product #bcomplex-long .mixing-comfort-source a:hover,
  :is(html, body).b-complex-product #bcomplex-long .source-grid a:hover,
  :is(html, body).b-complex-product #bcomplex-long .faq-more:hover,
  :is(html, body).b-complex-product #bcomplex-long .methodology-links a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }
}

/* Native availability and delivery stay authoritative and compact. */
:is(html, body).b-complex-product #product-detail-form .availability-value {
  display: flex !important;
  min-width: 0;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  color: var(--bcomplex-muted);
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
}

:is(html, body).b-complex-product #product-detail-form .availability-label {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
}

:is(html, body).b-complex-product #product-detail-form .availability-label::after {
  content: ".\00a0";
}

:is(html, body).b-complex-product #product-detail-form .delivery-time {
  display: inline-flex !important;
  align-items: center;
}

:is(html, body).b-complex-product #product-detail-form .delivery-time::before {
  content: none;
}

:is(html, body).b-complex-product #product-detail-form .delivery-in-detail {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

:is(html, body).b-complex-product #product-detail-form .delivery-in-detail th {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

:is(html, body).b-complex-product #product-detail-form .delivery-time-label {
  display: none !important;
}

:is(html, body).b-complex-product #product-detail-form .shipping-options {
  margin-left: 4px;
  color: var(--bcomplex-accent);
  font-weight: 700;
  text-underline-offset: 2px;
}

:is(html, body).b-complex-product #product-detail-form .shipping-options::before {
  display: none !important;
}

/* Native 1/2/3 quantity choices enhanced by b-complex.js. */
:is(html, body).b-complex-product #product-detail-form .quantity-discounts {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;
}

:is(html, body).b-complex-product #product-detail-form .quantity-discounts__headline {
  margin-bottom: 12px;
  color: var(--bcomplex-ink) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;
}

:is(html, body).b-complex-product .bcomplex-quantity-table {
  display: grid !important;
  gap: 14px;
  width: 100%;
}

:is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--bcomplex-line-strong) !important;
  border-radius: 6px !important;
  background: var(--bcomplex-surface) !important;
  color: var(--bcomplex-ink);
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;
}

:is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item:active {
  transform: scale(.99);
}

:is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item:focus-visible {
  outline: 3px solid var(--bcomplex-accent);
  outline-offset: 2px;
}

:is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item--highlighted {
  border-color: var(--bcomplex-accent) !important;
  background: var(--bcomplex-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);
}

:is(html, body).b-complex-product .bcomplex-quantity-table .bcomplex-quantity-3.quantity-discounts__item--highlighted {
  border-color: var(--bcomplex-promo) !important;
  background: var(--bcomplex-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);
}

:is(html, body).b-complex-product .bcomplex-option-copy strong,
:is(html, body).b-complex-product .bcomplex-option-copy small,
:is(html, body).b-complex-product .bcomplex-option-price strong,
:is(html, body).b-complex-product .bcomplex-option-price small {
  display: block;
}

:is(html, body).b-complex-product .bcomplex-option-copy strong {
  color: var(--bcomplex-ink) !important;
  font-size: 16px;
  font-weight: 800;
}

:is(html, body).b-complex-product .bcomplex-option-copy small,
:is(html, body).b-complex-product .bcomplex-option-price small {
  margin-top: 3px;
  color: var(--bcomplex-muted) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

:is(html, body).b-complex-product .bcomplex-option-price {
  color: var(--bcomplex-ink);
  font-size: 0;
  text-align: right;
}

:is(html, body).b-complex-product .bcomplex-option-price strong {
  color: var(--bcomplex-ink) !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).b-complex-product .bcomplex-best-badge {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--bcomplex-promo);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).b-complex-product .bcomplex-option-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--bcomplex-line);
  color: var(--bcomplex-positive);
  font-size: 14px;
  line-height: 1.35;
}

:is(html, body).b-complex-product .bcomplex-option-benefits b,
:is(html, body).b-complex-product .bcomplex-option-benefits .bcomplex-free-shipping {
  color: var(--bcomplex-positive) !important;
  font-weight: 800;
}

:is(html, body).b-complex-product .bcomplex-option-benefits .bcomplex-shipping-gap {
  color: var(--bcomplex-muted) !important;
  font-weight: 600;
}

:is(html, body).b-complex-product .quantity-discounts__save {
  display: none !important;
}

:is(html, body).b-complex-product #product-detail-form .price-final-holder {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

:is(html, body).b-complex-product #product-detail-form .bcomplex-main-price-old {
  color: #b43d32 !important;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}

:is(html, body).b-complex-product #product-detail-form .bcomplex-main-price-current {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item:hover {
    border-color: var(--bcomplex-accent) !important;
    background: var(--bcomplex-soft) !important;
  }
}

/* Native shop benefit banner under the gallery on desktop. */
:is(html, body).b-complex-product .bcomplex-benefit-banner {
  box-sizing: border-box;
  max-width: 100%;
}

@media (min-width: 768px) {
  :is(html, body).b-complex-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--bcomplex-line);
    border-bottom: 1px solid var(--bcomplex-line);
    background: transparent !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__item {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__item:nth-child(even) {
    border-left: 1px solid var(--bcomplex-line) !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__item:nth-child(n + 3) {
    border-top: 1px solid var(--bcomplex-line) !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--bcomplex-ink) !important;
    text-decoration: none !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__picture {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    background-size: contain !important;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__content {
    min-width: 0;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__title {
    display: block;
    color: var(--bcomplex-ink) !important;
    font-size: 15px;
    line-height: 1.25;
  }

  :is(html, body).b-complex-product .bcomplex-benefit-banner .benefitBanner__data {
    margin-top: 4px;
    color: var(--bcomplex-muted) !important;
    font-size: 14px;
    line-height: 1.35;
  }
}

/* One source navigation; global TPMOVE creates the sticky desktop/mobile clones. */
:is(html, body).b-complex-product .bcomplex-content-nav {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
  padding: 12px;
  border: 1px solid var(--bcomplex-line) !important;
  border-radius: var(--bcomplex-radius) !important;
  background: var(--bcomplex-soft) !important;
  backdrop-filter: none !important;
}

:is(html, body).b-complex-product .bcomplex-content-nav .content-nav-inner {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none !important;
}

:is(html, body).b-complex-product .bcomplex-content-nav .content-nav-inner::-webkit-scrollbar {
  display: none !important;
}

:is(html, body).b-complex-product .bcomplex-content-nav a {
  display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border: 1px solid var(--bcomplex-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--bcomplex-accent) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  white-space: nowrap;
}

:is(html, body).b-complex-product .bcomplex-content-nav a:hover,
:is(html, body).b-complex-product .bcomplex-content-nav a:focus,
:is(html, body).b-complex-product .bcomplex-content-nav a:focus-visible {
  border-color: var(--bcomplex-accent) !important;
  background: var(--bcomplex-tint) !important;
  color: var(--bcomplex-accent-dark) !important;
  text-decoration: none !important;
}

:is(html, body).b-complex-product .bcomplex-content-nav a:focus-visible {
  outline: 2px solid var(--bcomplex-accent);
  outline-offset: 2px;
}

:is(html, body).b-complex-product .bcomplex-content-nav a.is-active {
  border-color: var(--bcomplex-accent) !important;
  background: var(--bcomplex-accent) !important;
  color: #fff !important;
}

/* Canonical inline explanatory terms. */
:is(html, body).b-complex-product :is(#bcomplex-short, #bcomplex-long) .bcomplex-term {
  display: inline-block !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: underline dotted currentColor !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  white-space: nowrap;
  cursor: help;
}

:is(html, body).b-complex-product :is(#bcomplex-short, #bcomplex-long) .bcomplex-term-light {
  text-decoration-color: rgba(255, 255, 255, .8) !important;
}

:is(html, body).b-complex-product :is(#bcomplex-short, #bcomplex-long) .bcomplex-term:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--bcomplex-accent);
  outline-offset: 2px;
}

:is(html, body).b-complex-product #bcomplex-term-tooltip,
:is(html, body).b-complex-product .bcomplex-term-tooltip {
  position: fixed;
  z-index: 100050;
  width: max-content;
  max-width: min(330px, calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid rgba(0, 100, 96, .24);
  border-radius: 6px;
  background: #123f3c;
  box-shadow: 0 8px 24px rgba(8, 36, 34, .18);
  color: #fff !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px);
  transition: opacity 80ms ease, transform 80ms ease, visibility 80ms;
  pointer-events: none;
}

:is(html, body).b-complex-product #bcomplex-term-tooltip.is-visible,
:is(html, body).b-complex-product .bcomplex-term-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Reviews retain the canonical readable hierarchy under Shoptet CSS. */
:is(html, body).b-complex-product #bcomplex-long .stars,
:is(html, body).b-complex-product #bcomplex-long .review-stars {
  color: var(--bcomplex-gold) !important;
  letter-spacing: 2px;
}

:is(html, body).b-complex-product #bcomplex-long .review-grid blockquote p {
  color: #33403e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

:is(html, body).b-complex-product #bcomplex-long .review-grid footer small {
  color: var(--bcomplex-muted) !important;
  font-weight: 500 !important;
}

:is(html, body).b-complex-product.bcomplex-no-ratings .p-detail-info {
  display: none !important;
}

/* Fixed-width video rail: six videos scroll instead of shrinking. */
:is(html, body).b-complex-product #bcomplex-long .video-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(250px, 31%) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--bcomplex-accent) var(--bcomplex-line);
}

:is(html, body).b-complex-product #bcomplex-long .video-grid .video-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none;
  scroll-snap-align: start;
}

/* Standard media dialog. */
:is(html, body).b-complex-product #bcomplex-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: var(--bcomplex-radius) !important;
  background: #071f1e !important;
  color: #fff !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, .4) !important;
}

:is(html, body).b-complex-product #bcomplex-video-dialog::backdrop {
  background: rgba(2, 24, 22, .76) !important;
}

:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head {
  display: flex !important;
  min-height: 58px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 16px !important;
  background: #102e2b !important;
  color: #fff !important;
}

:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head button {
  display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__body {
  display: grid;
  min-height: min(76dvh, 680px);
  place-items: center;
  background: #000;
}

:is(html, body).b-complex-product #bcomplex-video-dialog video,
:is(html, body).b-complex-product #bcomplex-video-dialog iframe {
  display: block;
  width: 100% !important;
  height: min(76dvh, 680px) !important;
  max-height: min(76dvh, 680px) !important;
  border: 0;
  background: #000;
  object-fit: contain;
}

:is(html, body).b-complex-product.bcomplex-video-open {
  overflow: hidden !important;
}

/* Recurring content safeguards carried into the Shoptet DOM. */
:is(html, body).b-complex-product #bcomplex-long .section-kicker:not(.section-kicker-light) {
  color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

:is(html, body).b-complex-product #bcomplex-long .bcomplex-nowrap {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

:is(html, body).b-complex-product #bcomplex-long .source-grid article {
  grid-template-rows: auto auto auto auto !important;
  min-height: 0 !important;
  align-content: start !important;
}

:is(html, body).b-complex-product #bcomplex-long .source-grid a {
  align-self: start !important;
  margin-top: 12px !important;
}

:is(html, body).b-complex-product #bcomplex-long .faq-aside {
  position: sticky;
  top: 82px;
}

:is(html, body).b-complex-product #bcomplex-long .faq-awards {
  display: block;
}

:is(html, body).b-complex-product #bcomplex-long .comparison-table,
:is(html, body).b-complex-product #bcomplex-long .routine-section,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort,
:is(html, body).b-complex-product #bcomplex-long .situations-panel,
:is(html, body).b-complex-product #bcomplex-long .reviews-section,
:is(html, body).b-complex-product #bcomplex-long .video-card,
:is(html, body).b-complex-product #bcomplex-long .source-grid article,
:is(html, body).b-complex-product #bcomplex-long .faq-section,
:is(html, body).b-complex-product #bcomplex-long .final-cta {
  border-radius: var(--bcomplex-radius) !important;
}

@media (max-width: 767px) {
  :is(html, body).b-complex-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).b-complex-product #product-detail-form .availability-value {
    gap: 3px;
    min-height: 36px;
    margin: 0 0 12px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--bcomplex-line);
    border-radius: 6px;
    background: var(--bcomplex-soft);
    font-size: 12px;
    letter-spacing: -.01em;
  }

  :is(html, body).b-complex-product #product-detail-form .shipping-options {
    display: inline-grid !important;
    width: 26px;
    min-width: 26px;
    height: 26px;
    place-items: center;
    margin-left: 1px;
    overflow: hidden;
    font-size: 0;
    text-decoration: none;
  }

  :is(html, body).b-complex-product #product-detail-form .shipping-options::before {
    display: block !important;
    margin: 0 !important;
    font-size: 18px;
    line-height: 1;
  }

  :is(html, body).b-complex-product #product-detail-form .price-final-holder {
    font-size: 36px !important;
    line-height: 1.1;
  }

  :is(html, body).b-complex-product .bcomplex-content-nav {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 14px !important;
  }

  :is(html, body).b-complex-product .bcomplex-content-nav .content-nav-inner {
    justify-content: flex-start !important;
  }

  :is(html, body).b-complex-product #bcomplex-long .video-grid {
    grid-auto-columns: minmax(250px, 82vw) !important;
  }

  :is(html, body).b-complex-product #bcomplex-long .comparison-section {
    overflow: visible !important;
  }

  :is(html, body).b-complex-product #bcomplex-long .comparison-table,
  :is(html, body).b-complex-product #bcomplex-long .composition-table {
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  :is(html, body).b-complex-product #bcomplex-long .comparison-scroll-hint,
  :is(html, body).b-complex-product #bcomplex-long .composition-scroll-hint {
    display: block !important;
    color: var(--bcomplex-accent) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  :is(html, body).b-complex-product #bcomplex-long .faq-aside {
    position: static;
    top: auto;
  }

  :is(html, body).b-complex-product #bcomplex-long .faq-awards {
    display: block !important;
  }
}

@media (max-width: 430px) {
  :is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item {
    grid-template-columns: 1fr;
  }

  :is(html, body).b-complex-product .bcomplex-option-price {
    text-align: left;
  }

  :is(html, body).b-complex-product .bcomplex-option-benefits {
    gap: 5px 12px;
  }
}

@media (max-width: 376px) {
  :is(html, body).b-complex-product #bcomplex-short .quick-proof strong {
    font-size: 15px;
  }

  :is(html, body).b-complex-product .bcomplex-content-nav a {
    padding-inline: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(html, body).b-complex-product .bcomplex-quantity-table .quantity-discounts__item,
  :is(html, body).b-complex-product #bcomplex-term-tooltip,
  :is(html, body).b-complex-product .bcomplex-term-tooltip {
    transition-duration: .01ms !important;
  }
}

/*
 * FINAL SHOPTET HARDENING — keep this block last.
 * Host heading/strong/link rules must never turn approved dark surfaces dark.
 */
:is(html, body).b-complex-product #bcomplex-long .bcomplex-performance-card .performance-card-copy h3,
:is(html, body).b-complex-product #bcomplex-long .story-fact-primary > strong,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-intro h3,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-grid strong,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-evidence-number,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-heading h4,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-row strong,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-row.composition-row-head > *,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-ingredients strong,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-comfort-intro h2,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-review p,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-review p strong,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-review footer a,
:is(html, body).b-complex-product #bcomplex-long .situations-panel .situations-panel-copy h2,
:is(html, body).b-complex-product #bcomplex-long .situations-panel .audience-grid strong,
:is(html, body).b-complex-product #bcomplex-long .video-card .video-copy strong,
:is(html, body).b-complex-product #bcomplex-long .final-cta .final-cta-copy h2,
:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head strong {
  color: #fff !important;
}

/* Keep the approved optical bottle alignment even if the host forces img height:auto. */
:is(html, body).b-complex-product #bcomplex-long .comparison-head-puori img {
  width: 184px !important;
  height: 184px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

:is(html, body).b-complex-product #bcomplex-long .comparison-head-other.bcomplex-generic-pack > img {
  width: 122px !important;
  height: 154px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

@media (min-width: 861px) {
  :is(html, body).b-complex-product #bcomplex-long .comparison-head-other.bcomplex-generic-pack > img {
    /* The source cutout contains slightly more transparent space below the
       bottle than the Puori packshot. This optical correction aligns the
       visible glass bottoms while both title rows remain untouched. */
    transform: translateY(4.75px) !important;
  }
}

@media (max-width: 860px) {
  :is(html, body).b-complex-product #bcomplex-long .comparison-head-puori img {
    width: 112px !important;
    height: 112px !important;
  }

  :is(html, body).b-complex-product #bcomplex-long .comparison-head-other.bcomplex-generic-pack > img {
    width: 76px !important;
    height: 94px !important;
  }
}

@media (max-width: 430px) {
  :is(html, body).b-complex-product #bcomplex-long .comparison-head-puori img {
    width: 86px !important;
    height: 86px !important;
  }

  :is(html, body).b-complex-product #bcomplex-long .comparison-head-other.bcomplex-generic-pack > img {
    width: 58px !important;
    height: 72px !important;
  }
}

:is(html, body).b-complex-product #bcomplex-long .bcomplex-performance-card .performance-card-copy p,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-review p,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-comfort-points article:first-of-type p {
  color: #fff !important;
}

:is(html, body).b-complex-product #bcomplex-long .story-fact-primary p {
  color: #d8ecea !important;
}

:is(html, body).b-complex-product #bcomplex-long .bcomplex-performance-card .performance-card-copy small {
  color: rgba(255, 255, 255, .78) !important;
}

:is(html, body).b-complex-product #bcomplex-long .story-fact-primary > span {
  color: #cbe5e2 !important;
}

:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-intro > span {
  color: #9ddbd5 !important;
}

:is(html, body).b-complex-product #bcomplex-long .situations-panel .situations-panel-copy p {
  color: #a9dfda !important;
}

:is(html, body).b-complex-product #bcomplex-long .situations-panel .audience-grid small,
:is(html, body).b-complex-product #bcomplex-long .situations-panel .audience-grid b {
  color: #9edbd5 !important;
}

:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-intro p,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-grid article > span:last-child {
  color: #c8d3d0 !important;
}

:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-heading span,
:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-heading small {
  color: #a8c4c0 !important;
}

:is(html, body).b-complex-product #bcomplex-long .forms-explainer .composition-row > * {
  color: #d3dedc !important;
}

:is(html, body).b-complex-product #bcomplex-long .forms-explainer .forms-source-note {
  color: #aebbb8 !important;
}

:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-comfort-intro > p:not(.section-kicker) {
  color: #d5e9e6 !important;
}

:is(html, body).b-complex-product #bcomplex-long .situations-panel .situations-panel-copy > span,
:is(html, body).b-complex-product #bcomplex-long .situations-panel .audience-grid > a > span {
  color: #d3e9e6 !important;
}

:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-comfort-points article:first-of-type h3 {
  color: #a9dfda !important;
}

:is(html, body).b-complex-product #bcomplex-long .mixing-comfort .mixing-comfort-points article:first-of-type small {
  color: #d2e7e4 !important;
}

:is(html, body).b-complex-product #bcomplex-long .video-card .video-copy small {
  color: rgba(255, 255, 255, .76) !important;
}

:is(html, body).b-complex-product #bcomplex-long .final-cta .final-cta-copy p {
  color: rgba(255, 255, 255, .86) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

:is(html, body).b-complex-product #bcomplex-long .final-cta .final-cta-copy h2 {
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

:is(html, body).b-complex-product #bcomplex-long .section-kicker-light,
:is(html, body).b-complex-product #bcomplex-long .final-cta .section-kicker-light {
  color: #c8f1ed !important;
}

:is(html, body).b-complex-product #bcomplex-long .bcomplex-performance-card .section-kicker-light {
  color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
}

:is(html, body).b-complex-product #bcomplex-long .forms-explainer,
:is(html, body).b-complex-product #bcomplex-long .mixing-comfort,
:is(html, body).b-complex-product #bcomplex-long .situations-panel,
:is(html, body).b-complex-product #bcomplex-long .video-card,
:is(html, body).b-complex-product #bcomplex-long .final-cta {
  color: #fff !important;
}

:is(html, body).b-complex-product #bcomplex-long .final-cta .button-light {
  display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #006460 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

:is(html, body).b-complex-product #bcomplex-long .video-card .play-icon {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .64) !important;
  border-radius: 50% !important;
  background: rgba(0, 50, 47, .68) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head button,
:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head button:hover,
:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head button:focus,
:is(html, body).b-complex-product #bcomplex-video-dialog .media-dialog__head button:focus-visible {
  border-color: rgba(255, 255, 255, .5) !important;
  background: transparent !important;
  color: #fff !important;
}

/* Live Shoptet may load a late paragraph/text-fill rule after the product CSS.
   Keep the approved light-teal kicker on the image card explicit and isolated. */
:is(html, body).b-complex-product #description #bcomplex-long .bcomplex-performance-card .performance-card-copy > p.section-kicker.section-kicker-light {
  color: #d9fffb !important;
  -webkit-text-fill-color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
}


/* cp2.css */
/* Puori CP2 export. Activated only for Shoptet productId 78. */
:is(html,body).cp2-product{color-scheme: light;
  --accent: #006460;
  --accent-dark: #004f4c;
  --accent-soft: #e7f3f1;
  --ink: #172321;
  --muted: #667471;
  --line: #d9e4e1;
  --surface: #ffffff;
  --soft: #f3f7f6;
  --promo: #a53c2f;
  --radius: 8px;
  --content: 1220px;}
:is(html,body).cp2-product .cp2-scope,:is(html,body).cp2-product .cp2-scope *{box-sizing: border-box;}
:is(html,body).cp2-product .cp2-scope button,:is(html,body).cp2-product .cp2-scope input{font: inherit;}
:is(html,body).cp2-product .cp2-scope a{color: inherit;}
:is(html,body).cp2-product .cp2-scope img{display: block; max-width: 100%;}
:is(html,body).cp2-product .cp2-scope button,:is(html,body).cp2-product .cp2-scope a{-webkit-tap-highlight-color: transparent;}
:is(html,body).cp2-product .cp2-scope.content-nav{display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); scrollbar-width: none;}
:is(html,body).cp2-product .cp2-scope.content-nav::-webkit-scrollbar{display: none;}
:is(html,body).cp2-product .cp2-scope.content-nav a{flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none;}
:is(html,body).cp2-product .cp2-scope.content-nav a.is-active{border-color: var(--accent); background: var(--accent); color: #fff;}
:is(html,body).cp2-product .cp2-scope #formula,:is(html,body).cp2-product .cp2-scope #ingredients,:is(html,body).cp2-product .cp2-scope #portfolio,:is(html,body).cp2-product .cp2-scope #comparison,:is(html,body).cp2-product .cp2-scope #routine,:is(html,body).cp2-product .cp2-scope #reviews,:is(html,body).cp2-product .cp2-scope #videos,:is(html,body).cp2-product .cp2-scope #testing,:is(html,body).cp2-product .cp2-scope #experts,:is(html,body).cp2-product .cp2-scope #faq{scroll-margin-top: 76px;}
:is(html,body).cp2-product .cp2-scope .stars{color: #d58a14; letter-spacing: 1px;}
:is(html,body).cp2-product .cp2-scope h1{margin: 0; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .audience-tags{display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0 24px;}
:is(html,body).cp2-product .cp2-scope .audience-tags-intro{display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0 0 5px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).cp2-product .cp2-scope .audience-tags-intro strong{color: var(--ink); font-size: 15px;}
:is(html,body).cp2-product .cp2-scope .audience-tags a{padding: 5px 9px; border: 1px solid var(--line); border-radius: 4px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease;}
:is(html,body).cp2-product .cp2-scope .audience-tags a:hover,:is(html,body).cp2-product .cp2-scope .audience-tags a:focus-visible{border-color: var(--accent); background: var(--accent-soft);}
:is(html,body).cp2-product .cp2-scope .quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).cp2-product .cp2-scope .quick-proof a{display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none;}
:is(html,body).cp2-product .cp2-scope .quick-proof a:nth-child(2n + 1){border-right: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .quick-proof strong{color: var(--accent); font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .quick-proof span{margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).cp2-product .cp2-scope .women-insight{display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none;}
:is(html,body).cp2-product .cp2-scope .women-insight img{width: 82px; height: 82px; object-fit: cover; object-position: 54% center;}
:is(html,body).cp2-product .cp2-scope .women-insight > span{display: flex; flex-direction: column; padding-block: 10px;}
:is(html,body).cp2-product .cp2-scope .women-insight strong{color: var(--accent); font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .women-insight small{margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.3;}
:is(html,body).cp2-product .cp2-scope .women-insight > b{padding-right: 16px; color: var(--accent); font-size: 20px;}
:is(html,body).cp2-product .cp2-scope .story-section{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html,body).cp2-product .cp2-scope .story-intro h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5.5vw, 68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .story-intro p{max-width: 60ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).cp2-product .cp2-scope .story-grid{display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 14px;}
:is(html,body).cp2-product .cp2-scope .performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).cp2-product .cp2-scope .performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: 54% center;}
:is(html,body).cp2-product .cp2-scope .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,18,.08) 20%, rgba(3,20,18,.88) 100%);}
:is(html,body).cp2-product .cp2-scope .performance-card-copy{position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px);}
:is(html,body).cp2-product .cp2-scope .performance-card-copy h3{max-width: 14ch; margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).cp2-product .cp2-scope .performance-card-copy p{max-width: 52ch; margin: 0 0 10px; font-size: 17px;}
:is(html,body).cp2-product .cp2-scope .performance-card-copy small{display: block; max-width: 55ch; color: rgba(255,255,255,.78); font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .story-facts{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px;}
:is(html,body).cp2-product .cp2-scope .story-fact{display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--radius); background: var(--soft);}
:is(html,body).cp2-product .cp2-scope .story-fact-primary{min-height: 250px; background: var(--accent); color: #fff;}
:is(html,body).cp2-product .cp2-scope .story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html,body).cp2-product .cp2-scope .story-fact-primary > span{color: #cbe5e2;}
:is(html,body).cp2-product .cp2-scope .story-fact > strong{margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px, 7vw, 84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).cp2-product .cp2-scope .story-fact-primary > strong{color: #fff;}
:is(html,body).cp2-product .cp2-scope .story-fact p{margin: 6px 0 0; color: var(--muted);}
:is(html,body).cp2-product .cp2-scope .story-fact-primary p{color: #d8ecea;}
:is(html,body).cp2-product .cp2-scope .section-heading{display: grid; gap: 15px; margin-bottom: 30px;}
:is(html,body).cp2-product .cp2-scope .section-heading h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .section-heading p{max-width: 64ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).cp2-product .cp2-scope .comparison-section,:is(html,body).cp2-product .cp2-scope .routine-section,:is(html,body).cp2-product .cp2-scope .research-voices,:is(html,body).cp2-product .cp2-scope .video-section,:is(html,body).cp2-product .cp2-scope .faq-section,:is(html,body).cp2-product .cp2-scope .reviews-section,:is(html,body).cp2-product .cp2-scope .final-cta{margin-top: 72px;}
:is(html,body).cp2-product .cp2-scope .comparison-section{margin-top: 18px; padding: 54px 0 0; border-top: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .comparison-table{display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).cp2-product .cp2-scope .comparison-head{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html,body).cp2-product .cp2-scope .comparison-head:not(:last-child),:is(html,body).cp2-product .cp2-scope .comparison-label,:is(html,body).cp2-product .cp2-scope .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori{background: var(--accent-soft);}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .comparison-head-other{background: var(--soft);}
:is(html,body).cp2-product .cp2-scope .comparison-head-other img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .comparison-head strong{max-width: 20ch;}
:is(html,body).cp2-product .cp2-scope .comparison-label,:is(html,body).cp2-product .cp2-scope .comparison-value{display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .comparison-label{font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .comparison-value{color: var(--muted);}
:is(html,body).cp2-product .cp2-scope .comparison-value-puori{background: #f5faf9; color: var(--accent); font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .comparison-scroll-hint{display: none; margin: 10px 0 0; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .forms-explainer{margin-top: 22px; padding: clamp(28px,4vw,44px); border-radius: var(--radius); background: var(--ink); color: #fff;}
:is(html,body).cp2-product .cp2-scope .forms-intro{display: grid; grid-template-columns: .7fr 1.3fr; gap: 12px clamp(30px,5vw,70px); align-items: end;}
:is(html,body).cp2-product .cp2-scope .forms-intro > span{grid-column: 1; color: #9ddbd5; font-size: 14px; font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .forms-intro h3{grid-column: 1; max-width: 12ch; margin: 0; color: #fff; font-size: clamp(34px,4vw,52px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).cp2-product .cp2-scope .forms-intro p{grid-column: 2; grid-row: 1 / span 2; max-width: 55ch; margin: 0; color: #c8d3d0; font-size: 17px;}
:is(html,body).cp2-product .cp2-scope .forms-grid{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 34px; background: rgba(255,255,255,.22);}
:is(html,body).cp2-product .cp2-scope .forms-grid article{display: flex; flex-direction: column; min-height: 168px; padding: 20px; background: #26322f;}
:is(html,body).cp2-product .cp2-scope .forms-grid article.is-reference{position: relative; z-index: 1; background: var(--accent);}
:is(html,body).cp2-product .cp2-scope .forms-grid strong{color: #fff; font-size: 19px;}
:is(html,body).cp2-product .cp2-scope .forms-evidence-number{margin-top: 14px; color: #fff; font-size: clamp(42px,4.5vw,64px); font-weight: 800; line-height: .9; letter-spacing: -.055em; font-variant-numeric: tabular-nums;}
:is(html,body).cp2-product .cp2-scope .forms-grid .is-reference small{margin-top: 7px; color: #cce9e6; font-size: 12px; font-weight: 700; line-height: 1.25;}
:is(html,body).cp2-product .cp2-scope .forms-grid span{margin-top: auto; padding-top: 16px; color: #c8d3d0; font-size: 14px; line-height: 1.42;}
:is(html,body).cp2-product .cp2-scope .forms-grid .is-reference span{color: #d9efec;}
:is(html,body).cp2-product .cp2-scope .forms-explainer > a{display: inline-block; margin-top: 24px; color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html,body).cp2-product .cp2-scope .testing-section{margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--radius); background: var(--accent); color: #fff;}
:is(html,body).cp2-product .cp2-scope .testing-header{display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start;}
:is(html,body).cp2-product .cp2-scope .testing-header p{margin: 0 0 8px; color: #bfe4df; font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .testing-header h2{max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .testing-header img{width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee;}
:is(html,body).cp2-product .cp2-scope .testing-lead{max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px;}
:is(html,body).cp2-product .cp2-scope .test-results{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25);}
:is(html,body).cp2-product .cp2-scope .test-results div{display: flex; flex-direction: column; min-height: 110px; padding: 18px; background: rgba(0,46,43,.64);}
:is(html,body).cp2-product .cp2-scope .test-results span{color: #cde7e4;}
:is(html,body).cp2-product .cp2-scope .test-results strong{margin-top: auto; color: #fff; font-size: 22px;}
:is(html,body).cp2-product .cp2-scope .testing-footer{display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px;}
:is(html,body).cp2-product .cp2-scope .testing-actions{display: flex; align-items: center; gap: 22px;}
:is(html,body).cp2-product .cp2-scope .testing-actions > a:not(.button){color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html,body).cp2-product .cp2-scope .testing-summary{max-width: 66ch; margin: -10px 0 20px; color: #fff; font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .testing-summary strong{color: #9ee6de;}
:is(html,body).cp2-product .cp2-scope .testing-expiry{display: flex; justify-content: space-between; gap: 18px; margin: 14px 0 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; background: rgba(0,46,43,.48); color: #d8efec; font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .testing-expiry strong{color: #fff; white-space: nowrap;}
:is(html,body).cp2-product .cp2-scope .testing-batches{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px;}
:is(html,body).cp2-product .cp2-scope .testing-batches article{display: flex; min-height: 104px; flex-direction: column; padding: 15px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html,body).cp2-product .cp2-scope .testing-batches article span,:is(html,body).cp2-product .cp2-scope .testing-batches article small{color: #d8efec;}
:is(html,body).cp2-product .cp2-scope .testing-batches article strong{margin: auto 0 3px; color: #fff; font-size: 21px;}
:is(html,body).cp2-product .cp2-scope .testing-batches > p{grid-column: 1 / -1; margin: 0; color: #cfe7e4; font-size: 13px;}
:is(html,body).cp2-product .cp2-scope .testing-batches > p strong{color: #fff;}
:is(html,body).cp2-product .cp2-scope .testing-ai{display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html,body).cp2-product .cp2-scope .testing-ai p{margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions{display: flex; gap: 8px;}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions a{--provider-color: #111; --provider-surface: #fff; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none; transition: background-color 160ms cubic-bezier(.23,1,.32,1), transform 140ms cubic-bezier(.23,1,.32,1);}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions a[data-ai-provider="chatgpt"]{--provider-color: #111; --provider-surface: #f4f4f4;}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions a[data-ai-provider="google-ai"]{--provider-color: #7558e8; --provider-surface: #f3efff;}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions a:hover,:is(html,body).cp2-product .cp2-scope .testing-ai-actions a:focus-visible{background: rgba(255,255,255,.18); outline: none;}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions a:focus-visible{box-shadow: 0 0 0 3px #9fd9d3;}
:is(html,body).cp2-product .cp2-scope .testing-ai-actions a:active{transform: translateY(1px);}
:is(html,body).cp2-product .cp2-scope .ai-provider-icon{display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border: 1px solid color-mix(in srgb, var(--provider-color) 24%, transparent); border-radius: 50%; background: var(--provider-surface); object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .ai-provider-name{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
:is(html,body).cp2-product .cp2-scope .button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html,body).cp2-product .cp2-scope .button-light{background: #fff; color: var(--accent);}
:is(html,body).cp2-product .cp2-scope .routine-section{display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--radius); background: var(--soft);}
:is(html,body).cp2-product .cp2-scope .routine-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html,body).cp2-product .cp2-scope .routine-content{display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,6vw,76px);}
:is(html,body).cp2-product .cp2-scope .routine-content h2{max-width: 11ch; margin: 0 0 18px; font-size: clamp(42px,5vw,66px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .routine-content > p{max-width: 50ch; margin: 0 0 28px; color: var(--muted); font-size: 17px;}
:is(html,body).cp2-product .cp2-scope .routine-steps{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).cp2-product .cp2-scope .routine-steps article{display: flex; flex-direction: column; min-height: 112px; padding: 17px; background: var(--surface);}
:is(html,body).cp2-product .cp2-scope .routine-steps strong{color: var(--accent);}
:is(html,body).cp2-product .cp2-scope .routine-steps span{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .routine-content > a{align-self: flex-start; margin-top: 24px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort{position: relative; display: flex; min-height: 690px; justify-content: flex-start; overflow: hidden; margin-top: 72px; border-radius: var(--radius); background: var(--accent-dark);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,47,44,.97) 0%,rgba(0,56,53,.76) 44%,rgba(0,39,37,.1) 72%,rgba(0,39,37,.03) 100%);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-content{position: relative; z-index: 1; display: flex; width: min(650px,58%); flex-direction: column; justify-content: center; padding: clamp(38px,5vw,64px);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-intro{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-intro h2{max-width: 13ch; margin: 0 0 16px; color: #fff; font-size: clamp(34px,4vw,50px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-intro p{max-width: 38ch; margin: 0; color: #d5e9e6;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points{display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 1px; overflow: hidden; margin-top: 28px; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points article{display: flex; min-height: 238px; flex-direction: column; padding: clamp(20px,3vw,30px); background: rgba(0,66,62,.91); color: #fff;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points article + article{background: rgba(246,250,249,.96); color: var(--ink);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points h3{margin: 0 0 14px; color: #a9dfda; font-size: 23px; line-height: 1.12; letter-spacing: -.025em;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points article + article h3{color: var(--accent);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points p{margin: 0; color: inherit;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points small{display: block; margin-top: auto; padding-top: 24px; color: #d2e7e4; font-size: 14px; line-height: 1.48;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points article + article small{color: var(--muted);}
:is(html,body).cp2-product .cp2-scope .research-voices{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .research-voice-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).cp2-product .cp2-scope .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid blockquote{margin: 20px 0; font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid strong{margin-top: auto;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).cp2-product .cp2-scope .video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--accent) var(--line);}
:is(html,body).cp2-product .cp2-scope .video-card{position: relative; overflow: hidden; min-height: 500px; padding: 0; border: 0; border-radius: var(--radius); background: var(--ink); color: #fff; cursor: pointer; scroll-snap-align: start; text-align: left;}
:is(html,body).cp2-product .cp2-scope .video-card img{width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform 240ms cubic-bezier(.22,1,.36,1);}
:is(html,body).cp2-product .cp2-scope .video-card:first-child img,:is(html,body).cp2-product .cp2-scope .video-card:last-child img{object-position: center; transform: scale(1.35);}
:is(html,body).cp2-product .cp2-scope .video-card:first-child:hover img,:is(html,body).cp2-product .cp2-scope .video-card:last-child:hover img{transform: scale(1.38);}
:is(html,body).cp2-product .cp2-scope .video-card:hover img{transform: scale(1.02);}
:is(html,body).cp2-product .cp2-scope .video-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,20,18,.88) 100%);}
:is(html,body).cp2-product .cp2-scope .play-icon{position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; background: rgba(0,50,47,.6); font-size: 18px;}
:is(html,body).cp2-product .cp2-scope .video-copy{position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column;}
:is(html,body).cp2-product .cp2-scope .video-copy strong{color: #fff; font-size: 22px; line-height: 1.15;}
:is(html,body).cp2-product .cp2-scope .video-copy small{margin-top: 6px; color: rgba(255,255,255,.76); font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .faq-section{display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .faq-list details{border-bottom: 1px solid var(--line);}
:is(html,body).cp2-product .cp2-scope .faq-list summary{position: relative; padding: 20px 42px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html,body).cp2-product .cp2-scope .faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).cp2-product .cp2-scope .faq-list summary::after{content: "+"; position: absolute; top: 18px; right: 4px; color: var(--accent); font-size: 24px; line-height: 1;}
:is(html,body).cp2-product .cp2-scope .faq-list details[open] summary::after{content: "−";}
:is(html,body).cp2-product .cp2-scope .faq-list details p{max-width: 68ch; margin: -3px 0 20px; color: var(--muted);}
:is(html,body).cp2-product .cp2-scope .faq-list .faq-more{display: block; width: fit-content; margin-top: 10px; color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).cp2-product .cp2-scope .reviews-section{display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: var(--accent-soft);}
:is(html,body).cp2-product .cp2-scope .reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).cp2-product .cp2-scope .reviews-summary > strong{margin: 0 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).cp2-product .cp2-scope .reviews-summary p{margin: 8px 0 0; color: var(--muted);}
:is(html,body).cp2-product .cp2-scope .reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em;}
:is(html,body).cp2-product .cp2-scope .reviews-content h2{margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).cp2-product .cp2-scope .review-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
:is(html,body).cp2-product .cp2-scope .review-grid blockquote{display: flex; flex-direction: column; min-height: 220px; margin: 0; padding: 20px; border-radius: 6px; background: #fff;}
:is(html,body).cp2-product .cp2-scope .review-stars{display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em;}
:is(html,body).cp2-product .cp2-scope .review-grid p{margin: 0; color: #33403e; font-size: 16px; font-weight: 600;}
:is(html,body).cp2-product .cp2-scope .review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .review-grid footer a{color: var(--muted); font-weight: 700; text-underline-offset: 3px;}
:is(html,body).cp2-product .cp2-scope .review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html,body).cp2-product .cp2-scope .faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).cp2-product .cp2-scope .faq-awards > p{margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em;}
:is(html,body).cp2-product .cp2-scope .faq-awards-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center;}
:is(html,body).cp2-product .cp2-scope .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .methodology-note{margin-top: 18px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9;}
:is(html,body).cp2-product .cp2-scope .methodology-note summary{position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html,body).cp2-product .cp2-scope .methodology-note summary::-webkit-details-marker{display: none;}
:is(html,body).cp2-product .cp2-scope .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html,body).cp2-product .cp2-scope .methodology-note details[open] summary::after{content: "−";}
:is(html,body).cp2-product .cp2-scope .methodology-note details > div{padding: 0 0 15px;}
:is(html,body).cp2-product .cp2-scope .methodology-note p{max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html,body).cp2-product .cp2-scope .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html,body).cp2-product .cp2-scope .methodology-links a{color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html,body).cp2-product .cp2-scope .methodology-note small{display: block; margin-top: 10px; color: var(--muted); font-size: 11px;}
@media (min-width: 861px){:is(html,body).cp2-product .cp2-scope .forms-grid{grid-template-columns: 1.18fr repeat(3,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .forms-grid article.is-reference{transform: scale(1.035); transform-origin: center; box-shadow: 0 12px 28px rgba(0,0,0,.24);}
:is(html,body).cp2-product .cp2-scope .reviews-summary > strong{font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap;}}
:is(html,body).cp2-product .cp2-scope .final-cta{position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).cp2-product .cp2-scope .final-cta > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%;}
:is(html,body).cp2-product .cp2-scope .final-cta-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,27,25,.94) 0%,rgba(3,27,25,.72) 48%,rgba(3,27,25,.12) 100%);}
:is(html,body).cp2-product .cp2-scope .final-cta-copy{position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px);}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy p{margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px;}
@media (max-width: 860px){:is(html,body).cp2-product .cp2-scope.content-nav{justify-content: flex-start; margin: 32px 16px 0;}
:is(html,body).cp2-product .cp2-scope h1{font-size: 38px;}
:is(html,body).cp2-product .cp2-scope .quick-proof a{min-height: 82px; padding: 13px;}
:is(html,body).cp2-product .cp2-scope .women-insight{grid-template-columns: 78px 1fr auto;}
:is(html,body).cp2-product .cp2-scope .women-insight img{width: 78px; height: 100%; min-height: 92px;}
:is(html,body).cp2-product .cp2-scope .story-section{margin: 16px 16px 0; padding-top: 36px;}
:is(html,body).cp2-product .cp2-scope .story-intro{margin-bottom: 22px;}
:is(html,body).cp2-product .cp2-scope .story-intro h2{font-size: 42px;}
:is(html,body).cp2-product .cp2-scope .story-intro p{font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .performance-card{min-height: 560px;}
:is(html,body).cp2-product .cp2-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .story-fact-primary{grid-column: auto;}
:is(html,body).cp2-product .cp2-scope .story-fact-primary{min-height: 260px;}
:is(html,body).cp2-product .cp2-scope .story-fact{min-height: 190px; padding: 20px;}
:is(html,body).cp2-product .cp2-scope .story-fact > strong{font-size: 60px;}
:is(html,body).cp2-product .cp2-scope .comparison-section,:is(html,body).cp2-product .cp2-scope .routine-section,:is(html,body).cp2-product .cp2-scope .research-voices,:is(html,body).cp2-product .cp2-scope .video-section,:is(html,body).cp2-product .cp2-scope .faq-section,:is(html,body).cp2-product .cp2-scope .reviews-section,:is(html,body).cp2-product .cp2-scope .final-cta{margin: 52px 16px 0;}
:is(html,body).cp2-product .cp2-scope .comparison-section{margin-top: 16px; padding-top: 36px;}
:is(html,body).cp2-product .cp2-scope .section-heading{margin-bottom: 22px;}
:is(html,body).cp2-product .cp2-scope .section-heading h2{font-size: 42px;}
:is(html,body).cp2-product .cp2-scope .section-heading p{font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .comparison-table{grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto;}
:is(html,body).cp2-product .cp2-scope .comparison-scroll-hint{display: block;}
:is(html,body).cp2-product .cp2-scope .comparison-head{min-height: 180px; padding: 14px 10px; font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img,:is(html,body).cp2-product .cp2-scope .comparison-head-other img{width: 92px; height: 92px; margin-bottom: 10px;}
:is(html,body).cp2-product .cp2-scope .comparison-label,:is(html,body).cp2-product .cp2-scope .comparison-value{min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3;}
:is(html,body).cp2-product .cp2-scope .forms-explainer{padding: 26px 20px;}
:is(html,body).cp2-product .cp2-scope .forms-intro{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .forms-intro > span,:is(html,body).cp2-product .cp2-scope .forms-intro h3,:is(html,body).cp2-product .cp2-scope .forms-intro p{grid-column: auto; grid-row: auto;}
:is(html,body).cp2-product .cp2-scope .forms-intro h3{font-size: 38px;}
:is(html,body).cp2-product .cp2-scope .forms-intro p{margin-top: 6px; font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .forms-grid{grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 25px;}
:is(html,body).cp2-product .cp2-scope .forms-grid article{min-height: 150px; padding: 16px;}
:is(html,body).cp2-product .cp2-scope .testing-section{margin-top: 14px; padding: 28px 20px;}
:is(html,body).cp2-product .cp2-scope .testing-header{grid-template-columns: 1fr 70px; gap: 14px;}
:is(html,body).cp2-product .cp2-scope .testing-header h2{font-size: 40px;}
:is(html,body).cp2-product .cp2-scope .testing-header img{width: 70px; height: 70px;}
:is(html,body).cp2-product .cp2-scope .testing-lead{font-size: 16px;}
:is(html,body).cp2-product .cp2-scope .testing-summary{margin-top: -8px;}
:is(html,body).cp2-product .cp2-scope .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .test-results div{min-height: 100px; padding: 14px;}
:is(html,body).cp2-product .cp2-scope .testing-footer{grid-template-columns: 1fr; gap: 18px;}
:is(html,body).cp2-product .cp2-scope .testing-actions{align-items: stretch; flex-direction: column; gap: 14px;}
:is(html,body).cp2-product .cp2-scope .testing-actions > a:not(.button){text-align: center;}
:is(html,body).cp2-product .cp2-scope .testing-ai{grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px;}
:is(html,body).cp2-product .cp2-scope .routine-section{grid-template-columns: 1fr; min-height: 0;}
:is(html,body).cp2-product .cp2-scope .routine-photo{height: 430px;}
:is(html,body).cp2-product .cp2-scope .routine-content{padding: 30px 22px;}
:is(html,body).cp2-product .cp2-scope .routine-content h2{font-size: 43px;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort{display: block; min-height: 0; margin: 52px 16px 0; background: var(--accent-dark);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-photo{height: 350px; object-position: 72% center;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-scrim{height: 370px; background: linear-gradient(180deg,rgba(0,39,37,0) 0%,rgba(0,47,44,.08) 55%,var(--accent-dark) 100%);}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-content{width: 100%; padding: 330px 20px 28px;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-intro h2{max-width: 14ch; font-size: 39px;}
:is(html,body).cp2-product .cp2-scope .video-grid{grid-auto-columns: minmax(250px,82vw); margin-right: -16px;}
:is(html,body).cp2-product .cp2-scope .video-card{min-height: 470px;}
:is(html,body).cp2-product .cp2-scope .research-voices{margin-top: 16px; padding-top: 36px;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 330px;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid article > div{padding: 22px 18px;}
:is(html,body).cp2-product .cp2-scope .faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px;}
:is(html,body).cp2-product .cp2-scope .faq-awards{display: none;}
:is(html,body).cp2-product .cp2-scope .reviews-section{grid-template-columns: 1fr; padding: 28px 20px;}
:is(html,body).cp2-product .cp2-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .review-grid blockquote{min-height: 0;}
:is(html,body).cp2-product .cp2-scope .review-grid footer{margin-top: 10px; padding-top: 0;}
:is(html,body).cp2-product .cp2-scope .methodology-note{margin: 16px 16px 0; padding: 0 15px;}
:is(html,body).cp2-product .cp2-scope .final-cta{min-height: 590px;}
:is(html,body).cp2-product .cp2-scope .final-cta-scrim{background: linear-gradient(180deg,rgba(3,27,25,.18) 15%,rgba(3,27,25,.94) 100%);}
:is(html,body).cp2-product .cp2-scope .final-cta-copy{align-self: flex-end; width: 100%; padding: 28px 22px;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{font-size: 43px;}}
@media (max-width: 430px){:is(html,body).cp2-product .cp2-scope .performance-card{min-height: 500px;}
:is(html,body).cp2-product .cp2-scope .performance-card-copy h3{font-size: 38px;}
:is(html,body).cp2-product .cp2-scope .performance-card-copy p{font-size: 15px; line-height: 1.42;}
:is(html,body).cp2-product .cp2-scope .performance-card-copy small{font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .story-fact-primary{grid-column: auto;}
:is(html,body).cp2-product .cp2-scope .story-fact{min-height: 178px;}
:is(html,body).cp2-product .cp2-scope .story-fact-primary{min-height: 230px;}
:is(html,body).cp2-product .cp2-scope .routine-steps{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .routine-steps article{min-height: 0; padding: 18px 20px;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .mixing-comfort-points article{min-height: 210px; padding: 20px;}
:is(html,body).cp2-product .cp2-scope .comparison-table{grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).cp2-product .cp2-scope .comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img,:is(html,body).cp2-product .cp2-scope .comparison-head-other img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html,body).cp2-product .cp2-scope .comparison-label,:is(html,body).cp2-product .cp2-scope .comparison-value{min-width: 0; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere;}
:is(html,body).cp2-product .cp2-scope .testing-header h2{font-size: 36px;}
:is(html,body).cp2-product .cp2-scope .testing-lead{margin-top: 18px;}
:is(html,body).cp2-product .cp2-scope .testing-expiry{align-items: flex-start; flex-direction: column; gap: 4px;}
:is(html,body).cp2-product .cp2-scope .testing-batches{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .testing-batches > p{grid-column: auto;}
:is(html,body).cp2-product .cp2-scope .video-card{min-height: 440px;}
:is(html,body).cp2-product .cp2-scope .forms-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .forms-grid article{min-height: 0; padding: 14px 15px;}
:is(html,body).cp2-product .cp2-scope .forms-grid span{margin-top: 6px; padding-top: 0;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid article{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid img{height: 260px;}
:is(html,body).cp2-product .cp2-scope .reviews-section{gap: 22px; padding: 23px 17px;}
:is(html,body).cp2-product .cp2-scope .reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html,body).cp2-product .cp2-scope .review-grid blockquote{padding: 17px;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{font-size: 38px;}}
:is(html,body).cp2-product .cp2-scope .cp2-insight img{object-position: 50% 38%;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card{min-height: 514px;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card img{object-position: 50% 43%;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.03) 14%,rgba(3,20,18,.16) 38%,rgba(3,20,18,.94) 100%);}
:is(html,body).cp2-product .cp2-scope .ingredient-section,:is(html,body).cp2-product .cp2-scope .portfolio-section,:is(html,body).cp2-product .cp2-scope .recipe-feature,:is(html,body).cp2-product .cp2-scope .testing-section{margin-top: 72px;}
:is(html,body).cp2-product .cp2-scope .cp2-ingredients-panel{margin-top: 0;}
:is(html,body).cp2-product .cp2-scope .cp2-ingredient-grid{grid-template-columns: repeat(4,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .cp2-ingredient-grid article.is-reference{transform: none;
  box-shadow: none;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid{display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  background: rgba(255,255,255,.16);}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid article{display: flex;
  min-width: 0;
  min-height: 132px;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
  background: #202c2a;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid article.is-protein{background: #006460;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid span{color: #a8c4c0;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid strong{margin-top: 8px;
  color: #fff;
  font-size: clamp(20px,2.2vw,28px);
  line-height: 1.08;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid small{margin-top: 7px;
  color: #aebfbc;
  font-size: 12px;
  line-height: 1.35;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid{display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--line);}
:is(html,body).cp2-product .cp2-scope .portfolio-grid article{display: flex;
  min-width: 0;
  min-height: 480px;
  flex-direction: column;
  padding: 22px;
  background: #fff;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid article.is-current{background: #e7f4f2;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid img{width: 100%;
  height: 190px;
  margin-bottom: 20px;
  object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid article:first-child img{transform: scale(.86);}
:is(html,body).cp2-product .cp2-scope .portfolio-grid article > span{color: var(--accent);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .035em;
  text-transform: uppercase;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid h3{margin: 8px 0 10px;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -.04em;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid p{margin: 0 0 18px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid a,:is(html,body).cp2-product .cp2-scope .portfolio-grid b{margin-top: auto;
  color: var(--accent);
  font-size: 14px;
  font-weight: 800;
  text-underline-offset: 3px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head-puori,:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head-other{grid-template-rows: 172px 56px;}
:is(html,body).cp2-product .cp2-scope .comparison-product-media{display: grid;
  width: 172px;
  height: 172px;
  place-items: center;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-product-media img{width: 154px;
  height: 154px;
  margin: 0;
  object-fit: contain;
  transform: none;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub{position: relative;
  width: 116px;
  height: 142px;
  margin: 18px auto 12px;
  border: 1px solid #c8d4d1;
  border-radius: 9px 9px 20px 20px;
  background: linear-gradient(180deg,#18332f 0 15%,#f9fbfa 15% 100%);
  box-shadow: 0 14px 24px rgba(28,50,47,.14), inset 0 0 0 1px rgba(255,255,255,.65);}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub::before{content: "";
  position: absolute;
  top: -8px;
  left: 4px;
  width: 106px;
  height: 18px;
  border-radius: 7px 7px 3px 3px;
  background: repeating-linear-gradient(90deg,#152825 0 4px,#233d39 4px 7px);}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub::after{content: "WHEY + COLLAGEN";
  position: absolute;
  right: 9px;
  bottom: 18px;
  left: 9px;
  padding: 24px 7px 9px;
  border: 1px solid #d3ddda;
  background: linear-gradient(135deg,#fff,#edf3f1);
  color: #74817e;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .035em;
  text-align: center;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub span{position: absolute;
  z-index: 2;
  top: 45px;
  right: 0;
  left: 0;
  color: #5f6c69;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -.02em;
  text-align: center;}
:is(html,body).cp2-product .cp2-scope .comparison-decision{display: grid;
  grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr);
  gap: 8px 14px;
  align-items: center;
  margin-top: 12px;
  padding: 17px 19px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--soft);
  color: var(--muted);
  font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .comparison-decision strong{color: var(--accent);}
:is(html,body).cp2-product .cp2-scope .cp2-fit{min-height: 720px;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo{object-position: 64% center;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-scrim{background: linear-gradient(90deg,rgba(0,47,44,.98) 0%,rgba(0,56,53,.9) 38%,rgba(0,49,46,.46) 59%,rgba(0,39,37,.02) 83%);}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-content{width: min(700px,61%);}
:is(html,body).cp2-product .cp2-scope .cp2-routine{grid-template-columns: minmax(0,1fr) minmax(420px,1fr);}
:is(html,body).cp2-product .cp2-scope .cp2-routine .routine-content h2{max-width: 14ch;
  font-size: clamp(42px,4.4vw,60px);}
:is(html,body).cp2-product .cp2-scope .cp2-routine-collage{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(0,1fr));
  gap: 2px;
  background: var(--line);}
:is(html,body).cp2-product .cp2-scope .cp2-routine-collage img{width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;}
:is(html,body).cp2-product .cp2-scope .recipe-feature{display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(390px,.95fr);
  overflow: hidden;
  min-height: 610px;
  border-radius: var(--radius);
  background: #eef7f6;}
:is(html,body).cp2-product .cp2-scope .recipe-feature > img{width: 100%;
  height: 100%;
  object-fit: cover;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy{display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px,5vw,68px);}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy h2{max-width: 11ch;
  margin: 0 0 18px;
  font-size: clamp(40px,5vw,62px);
  line-height: 1.04;
  letter-spacing: -.05em;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy > p:not(.section-kicker){max-width: 44ch;
  margin: 0;
  color: var(--muted);
  font-size: 17px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy > a{margin-top: 24px;
  color: var(--accent);
  font-weight: 800;
  text-underline-offset: 4px;}
:is(html,body).cp2-product .cp2-scope .testing-section .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).cp2-product .cp2-scope .testing-section .testing-summary{margin: 18px 0 20px;}
:is(html,body).cp2-product .cp2-scope .testing-section .testing-header img{background: rgba(255,255,255,.94);
  object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .video-section .section-heading h2 > span{display: block;
  white-space: nowrap;}
:is(html,body).cp2-product .cp2-scope .cp2-awards{grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 7px;}
:is(html,body).cp2-product .cp2-scope .cp2-awards img,:is(html,body).cp2-product .cp2-scope .cp2-awards img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;
  height: 62px;
  max-height: 62px;
  object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .faq-awards{display: block;}
:is(html,body).cp2-product .cp2-scope .final-cta > img{object-position: 62% center;}
:is(html,body).cp2-product .cp2-scope .final-cta-scrim{background: linear-gradient(90deg,rgba(3,27,25,.97) 0%,rgba(3,27,25,.88) 43%,rgba(3,27,25,.12) 100%);}
@media (max-width: 980px){:is(html,body).cp2-product .cp2-scope .portfolio-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .portfolio-grid article{min-height: 430px;}
:is(html,body).cp2-product .cp2-scope .cp2-ingredient-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-content{width: 100%;}}
@media (max-width: 860px){:is(html,body).cp2-product .cp2-scope .ingredient-section,:is(html,body).cp2-product .cp2-scope .portfolio-section,:is(html,body).cp2-product .cp2-scope .recipe-feature,:is(html,body).cp2-product .cp2-scope .testing-section{margin: 52px 16px 0;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card{min-height: 540px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head-puori,:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head-other{grid-template-rows: 112px 50px;}
:is(html,body).cp2-product .cp2-scope .comparison-product-media{width: 112px;
    height: 112px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-product-media img{width: 102px;
    height: 102px;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub{width: 78px;
    height: 96px;
    margin: 12px auto 4px;
    border-radius: 6px 6px 13px 13px;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub::before{top: -6px;
    left: 3px;
    width: 70px;
    height: 12px;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub::after{right: 6px;
    bottom: 10px;
    left: 6px;
    padding: 15px 3px 4px;
    font-size: 7px;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub span{top: 30px;
    font-size: 11px;}
:is(html,body).cp2-product .cp2-scope .comparison-decision{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo{object-position: 64% center;}
:is(html,body).cp2-product .cp2-scope .cp2-routine{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .cp2-routine .routine-photo{height: 520px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature{grid-template-columns: 1fr;
    min-height: 0;}
:is(html,body).cp2-product .cp2-scope .recipe-feature > img{height: 430px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy{padding: 30px 22px;}}
@media (max-width: 600px){:is(html,body).cp2-product .cp2-scope .portfolio-grid{grid-auto-flow: column;
    grid-auto-columns: minmax(250px,82vw);
    grid-template-columns: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid article{min-height: 420px;
    scroll-snap-align: start;}
:is(html,body).cp2-product .cp2-scope .portfolio-grid img{height: 170px;}
:is(html,body).cp2-product .cp2-scope .cp2-ingredient-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .cp2-fit{min-height: 0;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo{object-position: 56% center;}
:is(html,body).cp2-product .cp2-scope .cp2-routine .routine-photo{height: 410px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature > img{height: 330px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy h2{font-size: 40px;}
:is(html,body).cp2-product .cp2-scope .video-section .section-heading h2 > span{white-space: normal;}
:is(html,body).cp2-product .cp2-scope .cp2-awards{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .cp2-awards img,:is(html,body).cp2-product .cp2-scope .cp2-awards img:last-child:nth-child(odd){height: 58px;
    max-height: 58px;}
:is(html,body).cp2-product .cp2-scope .final-cta-scrim{background: linear-gradient(180deg,rgba(3,27,25,.08) 14%,rgba(3,27,25,.97) 100%);}}
@media (max-width: 430px){:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head-puori,:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head-other{grid-template-rows: 86px 50px;}
:is(html,body).cp2-product .cp2-scope .comparison-product-media{width: 86px;
    height: 86px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-product-media img{width: 78px;
    height: 78px;}
:is(html,body).cp2-product .cp2-scope .generic-protein-tub{transform: scale(.77);
    transform-origin: center bottom;}}
:is(html,body).cp2-product .cp2-scope .section-kicker{margin: 0 0 10px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .video-card:first-child img{object-position: center; transform: none;}
:is(html,body).cp2-product .cp2-scope .video-card:first-child:hover img{transform: scale(1.02);}
:is(html,body).cp2-product .cp2-scope .video-card:nth-child(3) img{object-position: 50% 25%;}
:is(html,body).cp2-product .cp2-scope .video-card:nth-child(4) img{object-position: 62% center;}
:is(html,body).cp2-product .cp2-scope.content-nav{display: block;
  overflow: visible;}
:is(html,body).cp2-product .cp2-scope.content-nav-inner{display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;}
:is(html,body).cp2-product .cp2-scope.content-nav-inner::-webkit-scrollbar{display: none;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{transform: scale(1.55);}
:is(html,body).cp2-product .cp2-scope .quick-proof span{overflow-wrap: anywhere;}
:is(html,body).cp2-product .cp2-scope .section-kicker-light{color: #a9dfda !important;}
:is(html,body).cp2-product .cp2-scope .composition-panel{margin-top: 34px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 6px;
  background: #202c2a;}
:is(html,body).cp2-product .cp2-scope .composition-heading{display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: end;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255,255,255,.16);}
:is(html,body).cp2-product .cp2-scope .composition-heading > div{display: flex;
  flex-direction: column;}
:is(html,body).cp2-product .cp2-scope .composition-heading span,:is(html,body).cp2-product .cp2-scope .composition-heading small{color: #a8c4c0;
  font-size: 13px;}
:is(html,body).cp2-product .cp2-scope .composition-heading span{font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;}
:is(html,body).cp2-product .cp2-scope .composition-heading h4{margin: 6px 0 0;
  color: #fff;
  font-size: clamp(26px,3vw,38px);
  line-height: 1.05;
  letter-spacing: -.04em;}
:is(html,body).cp2-product .cp2-scope .composition-ingredients{margin: 0 !important;
  padding: 17px 20px;
  color: #b9c8c5 !important;
  font-size: 13px !important;
  line-height: 1.5;}
:is(html,body).cp2-product .cp2-scope .composition-ingredients strong{color: #fff !important;}
:is(html,body).cp2-product .cp2-scope .faq-awards > small{display: block;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;}
:is(html,body).cp2-product .cp2-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 128px);}
:is(html,body).cp2-product .cp2-scope .media-dialog[open]{position: fixed;
  inset: 0;
  z-index: 100000;
  width: min(520px,calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: var(--radius);
  background: #071f1e;
  color: #fff;}
:is(html,body).cp2-product .cp2-scope .media-dialog::backdrop{background: rgba(2,24,22,.76);}
:is(html,body).cp2-product .cp2-scope .media-dialog__head{display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #102e2b;
  color: #fff;}
:is(html,body).cp2-product .cp2-scope .media-dialog__head button{display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;}
:is(html,body).cp2-product .cp2-scope .media-dialog__body{display: grid;
  min-height: min(76vh,680px);
  place-items: center;
  background: #000;}
:is(html,body).cp2-product .cp2-scope .media-dialog__body video,:is(html,body).cp2-product .cp2-scope .media-dialog__body iframe{display: block;
  width: 100%;
  height: min(76vh,680px);
  max-height: min(76vh,680px);
  border: 0;
  object-fit: contain;}
:is(html,body).cp2-product .cp2-scope .video-card img{position: absolute;
  inset: 0;}
:is(html,body).cp2-product .cp2-scope .video-card:nth-child(1) img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(2) img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(3) img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(4) img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(5) img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(6) img{transform: none;
  object-position: center;}
:is(html,body).cp2-product .cp2-scope .video-card:hover img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(1):hover img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(2):hover img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(3):hover img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(4):hover img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(5):hover img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(6):hover img{transform: scale(1.02);}
:is(html,body).cp2-product .cp2-scope .video-card:nth-child(4) img{object-position: 50% 30%;}
:is(html,body).cp2-product .cp2-scope .video-card:nth-child(5) img,:is(html,body).cp2-product .cp2-scope .video-card:nth-child(6) img{object-position: 50% 28%;}
@media (max-width: 860px){:is(html,body).cp2-product .cp2-scope.content-nav-inner{justify-content: flex-start;}}
@media (max-width: 520px){:is(html,body).cp2-product .cp2-scope .composition-heading{align-items: flex-start; flex-direction: column; gap: 8px; padding: 20px 17px;}
:is(html,body).cp2-product .cp2-scope .composition-ingredients{padding: 15px 17px;}}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{width: 150px;
  height: 150px;
  margin-bottom: 8px;
  transform: none;}
:is(html,body).cp2-product .cp2-scope .reviews-section{grid-template-columns: 280px minmax(0,1fr);
  gap: 30px;
  margin-top: 18px;
  padding: 36px;}
:is(html,body).cp2-product .cp2-scope .video-section,:is(html,body).cp2-product .cp2-scope .faq-section,:is(html,body).cp2-product .cp2-scope .final-cta{margin-top: 18px;}
:is(html,body).cp2-product .cp2-scope .reviews-content h2{margin-bottom: 18px;
  font-size: 42px;}
:is(html,body).cp2-product .cp2-scope .faq-section{grid-template-columns: 340px minmax(0,1fr);
  gap: 34px;
  padding: 35px;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html,body).cp2-product .cp2-scope .faq-aside h2{max-width: 11ch;
  margin: 0 0 16px;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -.04em;}
:is(html,body).cp2-product .cp2-scope .faq-aside > p{color: var(--muted);}
:is(html,body).cp2-product .cp2-scope .faq-awards{margin-top: 20px;}
:is(html,body).cp2-product .cp2-scope .faq-awards-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;}
@media (max-width: 980px){:is(html,body).cp2-product .cp2-scope .story-facts{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .story-fact-primary{grid-column: auto;}
:is(html,body).cp2-product .cp2-scope .reviews-section,:is(html,body).cp2-product .cp2-scope .faq-section{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .video-grid{grid-auto-columns: minmax(250px,44%);
    margin-right: 0;}}
@media (max-width: 860px){:is(html,body).cp2-product .cp2-scope .faq-section{gap: 28px;
    padding: 22px;}
:is(html,body).cp2-product .cp2-scope .faq-awards{display: block;}}
@media (max-width: 600px){:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{width: 84px;
    height: 84px;
    margin-bottom: 6px;
    transform: none;}
:is(html,body).cp2-product .cp2-scope .reviews-section{padding: 27px 18px;}
:is(html,body).cp2-product .cp2-scope .reviews-content h2{font-size: 38px;}
:is(html,body).cp2-product .cp2-scope .faq-section{padding: 26px 18px;}
:is(html,body).cp2-product .cp2-scope .faq-aside h2{font-size: 38px;}
:is(html,body).cp2-product .cp2-scope .faq-awards{display: none;}
:is(html,body).cp2-product .cp2-scope .video-grid{grid-auto-columns: minmax(250px,82vw);
    margin-right: -16px;}
:is(html,body).cp2-product .cp2-scope .video-card{min-height: 440px;}}
:is(html,body).cp2-product .cp2-scope .story-intro h2,:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{max-width: none;}
:is(html,body).cp2-product .cp2-scope .story-intro h2 > span,:is(html,body).cp2-product .cp2-scope .final-cta-copy h2 > span{display: block;
  white-space: nowrap;}
:is(html,body).cp2-product .cp2-scope .story-intro p strong{color: var(--ink);}
:is(html,body).cp2-product .cp2-scope .story-grid{grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr);
  align-items: stretch;}
:is(html,body).cp2-product .cp2-scope .performance-card{min-height: 520px;}
:is(html,body).cp2-product .cp2-scope .performance-card-copy h3{max-width: 17ch;
  font-size: clamp(33px,3.8vw,50px);}
:is(html,body).cp2-product .cp2-scope .story-fact,:is(html,body).cp2-product .cp2-scope .story-fact-primary{min-height: 190px;}
:is(html,body).cp2-product .cp2-scope .faq-aside{position: sticky;
  top: 82px;}
:is(html,body).cp2-product .cp2-scope .faq-awards{background: #f7faf9;}
:is(html,body).cp2-product .cp2-scope .faq-list details p{line-height: 1.62;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2 > span:first-child{white-space: nowrap;}
@media (max-width: 1100px){:is(html,body).cp2-product .cp2-scope .story-grid{grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr);}
:is(html,body).cp2-product .cp2-scope .story-intro h2 > span{white-space: normal;}}
@media (max-width: 980px){:is(html,body).cp2-product .cp2-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .performance-card{min-height: 540px;}
:is(html,body).cp2-product .cp2-scope .faq-aside{position: static;}}
@media (max-width: 600px){:is(html,body).cp2-product .cp2-scope .story-intro h2 > span,:is(html,body).cp2-product .cp2-scope .final-cta-copy h2 > span,:is(html,body).cp2-product .cp2-scope .final-cta-copy h2 > span:first-child{white-space: normal;}
:is(html,body).cp2-product .cp2-scope .story-intro h2{font-size: 34px;
    line-height: 1.01;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{font-size: 30px;
    line-height: 1.02;}
:is(html,body).cp2-product .cp2-scope .performance-card{min-height: 520px;}
:is(html,body).cp2-product .cp2-scope .faq-awards{display: block;}
:is(html,body).cp2-product .cp2-scope .comparison-table{grid-template-columns: 150px 280px 280px;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;}
:is(html,body).cp2-product .cp2-scope .comparison-head{min-height: 178px;
    padding: 14px 12px;
    font-size: 14px;}
:is(html,body).cp2-product .cp2-scope .comparison-label,:is(html,body).cp2-product .cp2-scope .comparison-value{min-height: 84px;
    padding: 12px 11px;
    font-size: 14px;
    overflow-wrap: normal;}}
:is(html,body).cp2-product .cp2-scope .section-kicker{margin: 0 0 10px;
  color: #006460;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .13em;
  text-transform: uppercase;}
:is(html,body).cp2-product .cp2-scope .section-kicker:not(.section-kicker-light){color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;}
:is(html,body).cp2-product .cp2-scope .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).cp2-product .cp2-scope .section-heading h2{line-height: 1.08;}
:is(html,body).cp2-product .cp2-scope .story-intro h2{line-height: 1.04;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{line-height: 1.1;}
:is(html,body).cp2-product .cp2-scope .women-insight{grid-template-columns: 112px minmax(0,1fr) auto;
  min-height: 104px;}
:is(html,body).cp2-product .cp2-scope .women-insight img{width: 112px;
  height: 100%;
  min-height: 104px;
  object-position: 50% 36%;}
:is(html,body).cp2-product .cp2-scope .women-insight > span{padding: 12px 0;}
:is(html,body).cp2-product .cp2-scope .story-grid{align-items: start;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori,:is(html,body).cp2-product .cp2-scope .comparison-head-other{display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: 184px 50px;
  align-content: end;
  align-items: end;
  justify-content: stretch;
  justify-items: center;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{width: 184px;
  height: 184px;
  margin: 0;
  justify-self: center;
  object-position: center bottom;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori strong,:is(html,body).cp2-product .cp2-scope .comparison-head-other strong{align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding-top: 10px;
  line-height: 1.25;}
@media (min-width: 861px){:is(html,body).cp2-product .cp2-scope .video-section .section-heading > p:last-child,:is(html,body).cp2-product .cp2-scope .research-voices .section-heading > p:last-child{max-width: none;
    white-space: nowrap;}
:is(html,body).cp2-product .cp2-scope .video-section .section-heading h2{max-width: none;}}
@media (max-width: 600px){:is(html,body).cp2-product .cp2-scope .section-heading h2{line-height: 1.09;}
:is(html,body).cp2-product .cp2-scope .story-intro h2{line-height: 1.06;}
:is(html,body).cp2-product .cp2-scope .final-cta-copy h2{line-height: 1.12;}
:is(html,body).cp2-product .cp2-scope .women-insight{grid-template-columns: 96px minmax(0,1fr) auto;}
:is(html,body).cp2-product .cp2-scope .women-insight img{width: 96px;
    min-height: 112px;}}
@media (max-width: 860px){:is(html,body).cp2-product .cp2-scope .comparison-head-puori,:is(html,body).cp2-product .cp2-scope .comparison-head-other{grid-template-rows: 112px 44px;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{width: 112px;
    height: 112px;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori strong,:is(html,body).cp2-product .cp2-scope .comparison-head-other strong{padding-top: 8px;}}
@media (max-width: 430px){:is(html,body).cp2-product .cp2-scope .comparison-head-puori,:is(html,body).cp2-product .cp2-scope .comparison-head-other{grid-template-rows: 86px 44px;}
:is(html,body).cp2-product .cp2-scope .comparison-head-puori img{width: 86px;
    height: 86px;}}
:is(html,body).cp2-product .cp2-scope .story-lead{display: grid;
  max-width: none;
  gap: 3px;}
:is(html,body).cp2-product .cp2-scope .story-lead > span,:is(html,body).cp2-product .cp2-scope .story-lead > strong,:is(html,body).cp2-product .cp2-scope .section-heading h2 > span{display: block;}
:is(html,body).cp2-product .cp2-scope .ingredients-lead{max-width: none;}
:is(html,body).cp2-product .cp2-scope .ingredients-lead > span{display: block;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card{min-height: 0;
  aspect-ratio: 1;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card img{object-position: 57% 44%;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card .performance-card-copy{right: auto;
  width: min(54%,520px);}
:is(html,body).cp2-product .cp2-scope .story-fact > strong{white-space: nowrap;}
:is(html,body).cp2-product .cp2-scope .comparison-inline{display: inline-flex;
  flex-wrap: wrap;
  gap: .28em;
  align-items: baseline;}
:is(html,body).cp2-product .cp2-scope .comparison-decision{grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  padding: 10px;
  background: #edf5f3;}
:is(html,body).cp2-product .cp2-scope .comparison-decision article{display: flex;
  min-height: 112px;
  flex-direction: column;
  justify-content: center;
  padding: 18px 20px;
  border: 1px solid #c9dcd8;
  border-radius: 5px;
  background: #fff;}
:is(html,body).cp2-product .cp2-scope .comparison-decision article.comparison-decision-primary{border-color: #82b8b2;
  background: #dff0ed;}
:is(html,body).cp2-product .cp2-scope .comparison-decision strong{display: block;
  margin-bottom: 7px;
  color: #006460;
  font-size: 18px;
  line-height: 1.2;}
:is(html,body).cp2-product .cp2-scope .comparison-decision span{color: #263735;
  font-size: 15px;
  line-height: 1.48;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo{transform: translateX(8%) scale(1.18);
  transform-origin: center;}
:is(html,body).cp2-product .cp2-scope .portfolio-scroll-hint{display: none;
  margin: -12px 0 12px;
  color: #006460;
  font-size: 14px;
  font-weight: 800;}
:is(html,body).cp2-product .cp2-scope .recipe-feature{min-height: 660px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy{justify-content: center;}
:is(html,body).cp2-product .cp2-scope .recipe-intro{margin-bottom: 22px !important;}
:is(html,body).cp2-product .cp2-scope .recipe-details{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px;
  margin-top: 4px;}
:is(html,body).cp2-product .cp2-scope .recipe-details > div{padding-top: 16px;
  border-top: 1px solid #b7d2cf;}
:is(html,body).cp2-product .cp2-scope .recipe-details strong{color: #006460;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .07em;}
:is(html,body).cp2-product .cp2-scope .recipe-details ul,:is(html,body).cp2-product .cp2-scope .recipe-details ol{margin: 12px 0 0;
  padding-left: 20px;
  color: #344441;
  font-size: 15px;
  line-height: 1.55;}
:is(html,body).cp2-product .cp2-scope .testing-header img{padding: 12px;
  background: #fff;}
:is(html,body).cp2-product .cp2-scope .research-voices .section-heading h2{max-width: none;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid .research-voice-berg{object-position: 78% center;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid .research-voice-van-loon{object-position: 50% 28%;}
:is(html,body).cp2-product .cp2-scope .research-voice-grid article > div > strong.research-expert-name{margin-top: auto;
  color: var(--ink);}
@media (min-width: 1101px){:is(html,body).cp2-product .cp2-scope .story-lead > span,:is(html,body).cp2-product .cp2-scope .story-lead > strong,:is(html,body).cp2-product .cp2-scope #ingredients-title > span,:is(html,body).cp2-product .cp2-scope #comparison-title > span,:is(html,body).cp2-product .cp2-scope .ingredients-lead > span{white-space: nowrap;}}
@media (max-width: 980px){:is(html,body).cp2-product .cp2-scope .cp2-performance-card{min-height: 0;
    aspect-ratio: 4 / 5;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid article{min-height: 142px;
    padding: 16px;}
:is(html,body).cp2-product .cp2-scope .cp2-nutrition-grid strong{font-size: 22px;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card .performance-card-copy{right: clamp(24px,4vw,48px);
    width: auto;}}
@media (max-width: 860px){:is(html,body).cp2-product .cp2-scope .comparison-decision{grid-template-columns: 1fr;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo{position: relative;
    inset: auto;
    width: 100%;
    height: 350px;
    transform: none;
    object-position: 64% center;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-scrim{top: 0;
    bottom: auto;
    height: 350px;
    background: linear-gradient(180deg,rgba(0,39,37,0) 42%,rgba(0,47,44,.22) 70%,#004f4c 100%);}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-content{width: 100%;
    padding: 28px 20px 28px;
    background: #004f4c;}
:is(html,body).cp2-product .cp2-scope .recipe-feature{min-height: 0;}}
@media (max-width: 600px){:is(html,body).cp2-product .cp2-scope .story-lead{display: block;}
:is(html,body).cp2-product .cp2-scope .story-lead > strong{margin-top: 6px;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card{aspect-ratio: auto;
    min-height: 660px;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card img{object-position: 58% 40%;}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.01) 28%,rgba(3,20,18,.12) 44%,rgba(3,20,18,.62) 64%,rgba(3,20,18,.96) 82%,rgba(3,20,18,.99) 100%);}
:is(html,body).cp2-product .cp2-scope .cp2-performance-card .performance-card-copy{padding-top: 38px;}
:is(html,body).cp2-product .cp2-scope .portfolio-scroll-hint{display: block;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table{grid-template-columns: 108px 190px 190px;
    padding-right: 14px;
    scroll-padding-right: 14px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-head{min-height: 160px;
    padding: 12px 9px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-label,:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-value{min-height: 88px;
    padding: 12px 10px;
    overflow-wrap: anywhere;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-product-media{width: 96px;
    height: 96px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .comparison-product-media img{width: 88px;
    height: 88px;}
:is(html,body).cp2-product .cp2-scope .cp2-comparison-table .generic-protein-tub{width: 70px;
    height: 88px;
    margin-top: 10px;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo,:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-scrim{height: 320px;}
:is(html,body).cp2-product .cp2-scope .cp2-fit .mixing-comfort-photo{object-position: 63% center;}
:is(html,body).cp2-product .cp2-scope .recipe-details{grid-template-columns: 1fr;
    gap: 14px;}
:is(html,body).cp2-product .cp2-scope .recipe-feature-copy h2{font-size: 38px;}}

/* Shoptet integration and late recurring-component hardening. */
/*
 * Puori CP2 — production Shoptet integration layer.
 * Activated only when cp2.js verifies native productId 100 and adds
 * .cp2-product to the document roots.
 */

:is(html, body).cp2-product {
  --cp2-ink: #172423;
  --cp2-muted: #667674;
  --cp2-line: #c9dcda;
  --cp2-line-strong: #b7d2cf;
  --cp2-soft: #f3f7f6;
  --cp2-tint: #e7f4f2;
  --cp2-surface: #fff;
  --cp2-accent: #006460;
  --cp2-accent-dark: #004f4c;
  --cp2-promo: #a53c2f;
  --cp2-promo-soft: #fff3f0;
  --cp2-positive: #16874b;
  --cp2-gold: #d88900;
  --cp2-radius: 8px;
  --accent: var(--cp2-accent);
  --accent-dark: var(--cp2-accent-dark);
  --accent-soft: var(--cp2-tint);
  --ink: var(--cp2-ink);
  --muted: var(--cp2-muted);
  --line: var(--cp2-line);
  --soft: var(--cp2-soft);
  --surface: var(--cp2-surface);
  --promo: var(--cp2-promo);
  --radius: var(--cp2-radius);
}

:is(html, body).cp2-product #cp2-short,
:is(html, body).cp2-product #cp2-long,
:is(html, body).cp2-product #cp2-video-dialog {
  font-family: inherit !important;
}

:is(html, body).cp2-product #cp2-short,
:is(html, body).cp2-product #cp2-long {
  box-sizing: border-box;
  color: var(--cp2-ink);
}

:is(html, body).cp2-product #cp2-short *,
:is(html, body).cp2-product #cp2-long *,
:is(html, body).cp2-product #cp2-video-dialog * {
  box-sizing: border-box;
}

:is(html, body).cp2-product #cp2-short img,
:is(html, body).cp2-product #cp2-long img {
  max-width: 100%;
}

/* Native Shoptet description shell. */
:is(html, body).cp2-product #cp2-short {
  width: 100%;
  max-width: 100%;
  margin: 22px 0 6px;
  background: transparent;
}

:is(html, body).cp2-product #cp2-short .audience-tags,
:is(html, body).cp2-product #cp2-short .quick-proof,
:is(html, body).cp2-product #cp2-short .women-insight {
  max-width: 100%;
}

:is(html, body).cp2-product .p-short-description .vice-info,
:is(html, body).cp2-product .social-buttons-wrapper {
  display: none !important;
}

:is(html, body).cp2-product .p-detail-tabs-wrapper .shp-tabs-row {
  display: none !important;
}

:is(html, body).cp2-product #description > .description-inner > h3:first-child,
:is(html, body).cp2-product #description > .tab-mobil.tab-popis {
  display: none !important;
}

:is(html, body).cp2-product #description .description-inner {
  max-width: none;
  padding-top: 0;
}

:is(html, body).cp2-product #cp2-long {
  width: min(1220px, 100%);
  max-width: 100%;
  margin-inline: auto;
  background: transparent;
}

/* Product links must not inherit Shoptet's default underlines. */
:is(html, body).cp2-product #cp2-short a,
:is(html, body).cp2-product #cp2-long a {
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).cp2-product #cp2-long .routine-content > a:hover,
  :is(html, body).cp2-product #cp2-long .faq-more:hover,
  :is(html, body).cp2-product #cp2-long .methodology-links a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }
}

/* Native availability and delivery stay authoritative and compact. */
:is(html, body).cp2-product #product-detail-form .availability-value {
  display: flex !important;
  min-width: 0;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  color: var(--cp2-muted);
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
}

:is(html, body).cp2-product #product-detail-form .availability-label {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
}

:is(html, body).cp2-product #product-detail-form .availability-label::after {
  content: ".\00a0";
}

:is(html, body).cp2-product #product-detail-form .delivery-time {
  display: inline-flex !important;
  align-items: center;
}

:is(html, body).cp2-product #product-detail-form .delivery-time::before {
  content: none;
}

:is(html, body).cp2-product #product-detail-form .delivery-in-detail {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

:is(html, body).cp2-product #product-detail-form .delivery-in-detail th {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

:is(html, body).cp2-product #product-detail-form .delivery-time-label {
  display: none !important;
}

:is(html, body).cp2-product #product-detail-form .shipping-options {
  margin-left: 4px;
  color: var(--cp2-accent);
  font-weight: 700;
  text-underline-offset: 2px;
}

:is(html, body).cp2-product #product-detail-form .shipping-options::before {
  display: none !important;
}

/* Native 1/2/3 quantity choices enhanced by cp2.js. */
:is(html, body).cp2-product #product-detail-form .quantity-discounts {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;
}

:is(html, body).cp2-product #product-detail-form .quantity-discounts__headline {
  margin-bottom: 12px;
  color: var(--cp2-ink) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;
}

:is(html, body).cp2-product .cp2-quantity-table {
  display: grid !important;
  gap: 14px;
  width: 100%;
}

:is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--cp2-line-strong) !important;
  border-radius: 6px !important;
  background: var(--cp2-surface) !important;
  color: var(--cp2-ink);
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;
}

:is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item:active {
  transform: scale(.99);
}

:is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item:focus-visible {
  outline: 3px solid var(--cp2-accent);
  outline-offset: 2px;
}

:is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item--highlighted {
  border-color: var(--cp2-accent) !important;
  background: var(--cp2-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);
}

:is(html, body).cp2-product .cp2-quantity-table .cp2-quantity-3.quantity-discounts__item--highlighted {
  border-color: var(--cp2-promo) !important;
  background: var(--cp2-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);
}

:is(html, body).cp2-product .cp2-option-copy strong,
:is(html, body).cp2-product .cp2-option-copy small,
:is(html, body).cp2-product .cp2-option-price strong,
:is(html, body).cp2-product .cp2-option-price small {
  display: block;
}

:is(html, body).cp2-product .cp2-option-copy strong {
  color: var(--cp2-ink) !important;
  font-size: 16px;
  font-weight: 800;
}

:is(html, body).cp2-product .cp2-option-copy small,
:is(html, body).cp2-product .cp2-option-price small {
  margin-top: 3px;
  color: var(--cp2-muted) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

:is(html, body).cp2-product .cp2-option-price {
  color: var(--cp2-ink);
  font-size: 0;
  text-align: right;
}

:is(html, body).cp2-product .cp2-option-price strong {
  color: var(--cp2-ink) !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).cp2-product .cp2-best-badge {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--cp2-promo);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).cp2-product .cp2-option-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--cp2-line);
  color: var(--cp2-positive);
  font-size: 14px;
  line-height: 1.35;
}

:is(html, body).cp2-product .cp2-option-benefits b,
:is(html, body).cp2-product .cp2-option-benefits .cp2-free-shipping {
  color: var(--cp2-positive) !important;
  font-weight: 800;
}

:is(html, body).cp2-product .cp2-option-benefits .cp2-shipping-gap {
  color: var(--cp2-muted) !important;
  font-weight: 600;
}

:is(html, body).cp2-product .quantity-discounts__save {
  display: none !important;
}

:is(html, body).cp2-product #product-detail-form .price-final-holder {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

:is(html, body).cp2-product #product-detail-form .cp2-main-price-old {
  color: #b43d32 !important;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}

:is(html, body).cp2-product #product-detail-form .cp2-main-price-current {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item:hover {
    border-color: var(--cp2-accent) !important;
    background: var(--cp2-soft) !important;
  }
}

/* Native shop benefit banner under the gallery on desktop. */
:is(html, body).cp2-product .cp2-benefit-banner {
  box-sizing: border-box;
  max-width: 100%;
}

@media (min-width: 768px) {
  :is(html, body).cp2-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--cp2-line);
    border-bottom: 1px solid var(--cp2-line);
    background: transparent !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__item {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__item:nth-child(even) {
    border-left: 1px solid var(--cp2-line) !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__item:nth-child(n + 3) {
    border-top: 1px solid var(--cp2-line) !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--cp2-ink) !important;
    text-decoration: none !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__picture {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    background-size: contain !important;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__content {
    min-width: 0;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__title {
    display: block;
    color: var(--cp2-ink) !important;
    font-size: 15px;
    line-height: 1.25;
  }

  :is(html, body).cp2-product .cp2-benefit-banner .benefitBanner__data {
    margin-top: 4px;
    color: var(--cp2-muted) !important;
    font-size: 14px;
    line-height: 1.35;
  }
}

/* One source navigation; global TPMOVE creates the sticky desktop/mobile clones. */
:is(html, body).cp2-product .cp2-content-nav {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
  padding: 12px;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius) !important;
  background: var(--cp2-soft) !important;
  backdrop-filter: none !important;
}

:is(html, body).cp2-product .cp2-content-nav .content-nav-inner {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none !important;
}

:is(html, body).cp2-product .cp2-content-nav .content-nav-inner::-webkit-scrollbar {
  display: none !important;
}

:is(html, body).cp2-product .cp2-content-nav a {
  display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border: 1px solid var(--cp2-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--cp2-accent) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  white-space: nowrap;
}

:is(html, body).cp2-product .cp2-content-nav a:hover,
:is(html, body).cp2-product .cp2-content-nav a:focus,
:is(html, body).cp2-product .cp2-content-nav a:focus-visible {
  border-color: var(--cp2-accent) !important;
  background: var(--cp2-tint) !important;
  color: var(--cp2-accent-dark) !important;
  text-decoration: none !important;
}

:is(html, body).cp2-product .cp2-content-nav a:focus-visible {
  outline: 2px solid var(--cp2-accent);
  outline-offset: 2px;
}

:is(html, body).cp2-product .cp2-content-nav a.is-active {
  border-color: var(--cp2-accent) !important;
  background: var(--cp2-accent) !important;
  color: #fff !important;
}

/* Reviews retain the canonical readable hierarchy under Shoptet CSS. */
:is(html, body).cp2-product #cp2-long .stars,
:is(html, body).cp2-product #cp2-long .review-stars {
  color: var(--cp2-gold) !important;
  letter-spacing: 2px;
}

:is(html, body).cp2-product #cp2-long .review-grid blockquote p {
  color: #33403e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

:is(html, body).cp2-product #cp2-long .review-grid footer small {
  color: var(--cp2-muted) !important;
  font-weight: 500 !important;
}

:is(html, body).cp2-product.cp2-no-ratings .p-detail-info {
  display: none !important;
}

/* Fixed-width video rail: six videos scroll instead of shrinking. */
:is(html, body).cp2-product #cp2-long .video-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(250px, 31%) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--cp2-accent) var(--cp2-line);
}

:is(html, body).cp2-product #cp2-long .video-grid .video-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none;
  scroll-snap-align: start;
}

/* Standard media dialog. */
:is(html, body).cp2-product #cp2-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: var(--cp2-radius) !important;
  background: #071f1e !important;
  color: #fff !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, .4) !important;
}

:is(html, body).cp2-product #cp2-video-dialog::backdrop {
  background: rgba(2, 24, 22, .76) !important;
}

:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head {
  display: flex !important;
  min-height: 58px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 16px !important;
  background: #102e2b !important;
  color: #fff !important;
}

:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head button {
  display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

:is(html, body).cp2-product #cp2-video-dialog .media-dialog__body {
  display: grid;
  min-height: min(76dvh, 680px);
  place-items: center;
  background: #000;
}

:is(html, body).cp2-product #cp2-video-dialog video,
:is(html, body).cp2-product #cp2-video-dialog iframe {
  display: block;
  width: 100% !important;
  height: min(76dvh, 680px) !important;
  max-height: min(76dvh, 680px) !important;
  border: 0;
  background: #000;
  object-fit: contain;
}

:is(html, body).cp2-product.cp2-video-open {
  overflow: hidden !important;
}

/* Recurring content safeguards carried into the Shoptet DOM. */
:is(html, body).cp2-product #cp2-long .section-kicker:not(.section-kicker-light) {
  color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

:is(html, body).cp2-product #cp2-long .faq-aside {
  position: sticky;
  top: 82px;
}

:is(html, body).cp2-product #cp2-long .faq-awards {
  display: block;
}

:is(html, body).cp2-product #cp2-long .comparison-table,
:is(html, body).cp2-product #cp2-long .routine-section,
:is(html, body).cp2-product #cp2-long .mixing-comfort,
:is(html, body).cp2-product #cp2-long .reviews-section,
:is(html, body).cp2-product #cp2-long .video-card,
:is(html, body).cp2-product #cp2-long .faq-section,
:is(html, body).cp2-product #cp2-long .final-cta {
  border-radius: var(--cp2-radius) !important;
}

@media (max-width: 767px) {
  :is(html, body).cp2-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).cp2-product #product-detail-form .availability-value {
    gap: 3px;
    min-height: 36px;
    margin: 0 0 12px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--cp2-line);
    border-radius: 6px;
    background: var(--cp2-soft);
    font-size: 12px;
    letter-spacing: -.01em;
  }

  :is(html, body).cp2-product #product-detail-form .shipping-options {
    display: inline-grid !important;
    width: 26px;
    min-width: 26px;
    height: 26px;
    place-items: center;
    margin-left: 1px;
    overflow: hidden;
    font-size: 0;
    text-decoration: none;
  }

  :is(html, body).cp2-product #product-detail-form .shipping-options::before {
    display: block !important;
    margin: 0 !important;
    font-size: 18px;
    line-height: 1;
  }

  :is(html, body).cp2-product #product-detail-form .price-final-holder {
    font-size: 36px !important;
    line-height: 1.1;
  }

  :is(html, body).cp2-product .cp2-content-nav {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 14px !important;
  }

  :is(html, body).cp2-product .cp2-content-nav .content-nav-inner {
    justify-content: flex-start !important;
  }

  :is(html, body).cp2-product #cp2-long .video-grid {
    grid-auto-columns: minmax(250px, 82vw) !important;
  }

  :is(html, body).cp2-product #cp2-long .comparison-section {
    overflow: visible !important;
  }

  :is(html, body).cp2-product #cp2-long .comparison-table {
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  :is(html, body).cp2-product #cp2-long .comparison-scroll-hint {
    display: block !important;
    color: var(--cp2-accent) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  :is(html, body).cp2-product #cp2-long .faq-aside {
    position: static;
    top: auto;
  }

  :is(html, body).cp2-product #cp2-long .faq-awards {
    display: block !important;
  }
}

@media (max-width: 430px) {
  :is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item {
    grid-template-columns: 1fr;
  }

  :is(html, body).cp2-product .cp2-option-price {
    text-align: left;
  }

  :is(html, body).cp2-product .cp2-option-benefits {
    gap: 5px 12px;
  }
}

@media (max-width: 376px) {
  :is(html, body).cp2-product #cp2-short .quick-proof strong {
    font-size: 15px;
  }

  :is(html, body).cp2-product .cp2-content-nav a {
    padding-inline: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(html, body).cp2-product .cp2-quantity-table .quantity-discounts__item {
    transition-duration: .01ms !important;
  }
}

/*
 * FINAL SHOPTET HARDENING — keep this block last.
 * Host heading/strong/link rules must never turn approved dark surfaces dark.
 */
:is(html, body).cp2-product #cp2-long .cp2-performance-card .performance-card-copy h3,
:is(html, body).cp2-product #cp2-long .story-fact-primary > strong,
:is(html, body).cp2-product #cp2-long .forms-explainer .forms-intro h3,
:is(html, body).cp2-product #cp2-long .forms-explainer .forms-grid strong,
:is(html, body).cp2-product #cp2-long .forms-explainer .forms-evidence-number,
:is(html, body).cp2-product #cp2-long .forms-explainer .composition-heading h4,
:is(html, body).cp2-product #cp2-long .forms-explainer .composition-ingredients strong,
:is(html, body).cp2-product #cp2-long .mixing-comfort .mixing-comfort-intro h2,
:is(html, body).cp2-product #cp2-long .video-card .video-copy strong,
:is(html, body).cp2-product #cp2-long .final-cta .final-cta-copy h2,
:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head strong {
  color: #fff !important;
}

/* Keep the approved optical bottle alignment even if the host forces img height:auto. */
:is(html, body).cp2-product #cp2-long .comparison-head-puori img {
  width: 184px !important;
  height: 184px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

@media (max-width: 860px) {
  :is(html, body).cp2-product #cp2-long .comparison-head-puori img {
    width: 112px !important;
    height: 112px !important;
  }

}

@media (max-width: 430px) {
  :is(html, body).cp2-product #cp2-long .comparison-head-puori img {
    width: 86px !important;
    height: 86px !important;
  }

}

:is(html, body).cp2-product #cp2-long .cp2-performance-card .performance-card-copy p,
:is(html, body).cp2-product #cp2-long .mixing-comfort .mixing-comfort-points article:first-of-type p {
  color: #fff !important;
}

:is(html, body).cp2-product #cp2-long .story-fact-primary p {
  color: #d8ecea !important;
}

:is(html, body).cp2-product #cp2-long .cp2-performance-card .performance-card-copy small {
  color: rgba(255, 255, 255, .78) !important;
}

:is(html, body).cp2-product #cp2-long .story-fact-primary > span {
  color: #cbe5e2 !important;
}

:is(html, body).cp2-product #cp2-long .forms-explainer .forms-intro > span {
  color: #9ddbd5 !important;
}

:is(html, body).cp2-product #cp2-long .forms-explainer .forms-intro p,
:is(html, body).cp2-product #cp2-long .forms-explainer .forms-grid article > span:last-child {
  color: #c8d3d0 !important;
}

:is(html, body).cp2-product #cp2-long .forms-explainer .composition-heading span,
:is(html, body).cp2-product #cp2-long .forms-explainer .composition-heading small {
  color: #a8c4c0 !important;
}

:is(html, body).cp2-product #cp2-long .mixing-comfort .mixing-comfort-intro > p:not(.section-kicker) {
  color: #d5e9e6 !important;
}

:is(html, body).cp2-product #cp2-long .mixing-comfort .mixing-comfort-points article:first-of-type h3 {
  color: #a9dfda !important;
}

:is(html, body).cp2-product #cp2-long .mixing-comfort .mixing-comfort-points article:first-of-type small {
  color: #d2e7e4 !important;
}

:is(html, body).cp2-product #cp2-long .video-card .video-copy small {
  color: rgba(255, 255, 255, .76) !important;
}

:is(html, body).cp2-product #cp2-long .final-cta .final-cta-copy p {
  color: rgba(255, 255, 255, .86) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

:is(html, body).cp2-product #cp2-long .final-cta .final-cta-copy h2 {
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

:is(html, body).cp2-product #cp2-long .section-kicker-light,
:is(html, body).cp2-product #cp2-long .final-cta .section-kicker-light {
  color: #c8f1ed !important;
}

:is(html, body).cp2-product #cp2-long .cp2-performance-card .section-kicker-light {
  color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
}

:is(html, body).cp2-product #cp2-long .forms-explainer,
:is(html, body).cp2-product #cp2-long .mixing-comfort,
:is(html, body).cp2-product #cp2-long .video-card,
:is(html, body).cp2-product #cp2-long .final-cta {
  color: #fff !important;
}

:is(html, body).cp2-product #cp2-long .final-cta .button-light {
  display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #006460 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

:is(html, body).cp2-product #cp2-long .video-card .play-icon {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .64) !important;
  border-radius: 50% !important;
  background: rgba(0, 50, 47, .68) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head button,
:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head button:hover,
:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head button:focus,
:is(html, body).cp2-product #cp2-video-dialog .media-dialog__head button:focus-visible {
  border-color: rgba(255, 255, 255, .5) !important;
  background: transparent !important;
  color: #fff !important;
}

/* Live Shoptet may load a late paragraph/text-fill rule after the product CSS.
   Keep the approved light-teal kicker on the image card explicit and isolated. */
:is(html, body).cp2-product #description #cp2-long .cp2-performance-card .performance-card-copy > p.section-kicker.section-kicker-light {
  color: #d9fffb !important;
  -webkit-text-fill-color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
}

/* Preserve the approved testing contrast against late Shoptet heading rules. */
:is(html, body).cp2-product #description #cp2-long #testing h2,
:is(html, body).cp2-product #description #cp2-long #testing .test-results strong,
:is(html, body).cp2-product #description #cp2-long #testing .testing-batches strong,
:is(html, body).cp2-product #description #cp2-long #testing .testing-expiry strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

:is(html, body).cp2-product #description #cp2-long #testing .testing-summary strong {
  color: #9ee6de !important;
  -webkit-text-fill-color: #9ee6de !important;
}

:is(html, body).cp2-product #description #cp2-long .cp2-nutrition-grid strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* o3.css */
/* Puori O3 export. Activated only for Shoptet productId 48. */
:is(html,body).o3-product{color-scheme: light;
  --accent: #006460;
  --accent-dark: #004f4c;
  --accent-soft: #e7f3f1;
  --ink: #172321;
  --muted: #667471;
  --line: #d9e4e1;
  --surface: #ffffff;
  --soft: #f3f7f6;
  --promo: #a53c2f;
  --radius: 8px;
  --content: 1220px;}
:is(html,body).o3-product .o3-scope,:is(html,body).o3-product .o3-scope *{box-sizing: border-box;}
:is(html,body).o3-product .o3-scope button,:is(html,body).o3-product .o3-scope input{font: inherit;}
:is(html,body).o3-product .o3-scope a{color: inherit;}
:is(html,body).o3-product .o3-scope img{display: block; max-width: 100%;}
:is(html,body).o3-product .o3-scope button,:is(html,body).o3-product .o3-scope a{-webkit-tap-highlight-color: transparent;}
:is(html,body).o3-product{min-width: 0; overflow-x: clip;}
:is(html,body).o3-product .o3-scope.content-nav{display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); scrollbar-width: none;}
:is(html,body).o3-product .o3-scope.content-nav::-webkit-scrollbar{display: none;}
:is(html,body).o3-product .o3-scope.content-nav a{flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none;}
:is(html,body).o3-product .o3-scope.content-nav a.is-active{border-color: var(--accent); background: var(--accent); color: #fff;}
:is(html,body).o3-product .o3-scope #formula,:is(html,body).o3-product .o3-scope #comparison,:is(html,body).o3-product .o3-scope #routine,:is(html,body).o3-product .o3-scope #reviews,:is(html,body).o3-product .o3-scope #videos,:is(html,body).o3-product .o3-scope #testing,:is(html,body).o3-product .o3-scope #experts,:is(html,body).o3-product .o3-scope #faq{scroll-margin-top: 76px;}
:is(html,body).o3-product .o3-scope .stars{color: #d58a14; letter-spacing: 1px;}
:is(html,body).o3-product .o3-scope h1{margin: 0; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .audience-tags{display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0 24px;}
:is(html,body).o3-product .o3-scope .audience-tags-intro{display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0 0 5px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).o3-product .o3-scope .audience-tags-intro strong{color: var(--ink); font-size: 15px;}
:is(html,body).o3-product .o3-scope .audience-tags a{padding: 5px 9px; border: 1px solid var(--line); border-radius: 4px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease;}
:is(html,body).o3-product .o3-scope .audience-tags a:hover,:is(html,body).o3-product .o3-scope .audience-tags a:focus-visible{border-color: var(--accent); background: var(--accent-soft);}
:is(html,body).o3-product .o3-scope .quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).o3-product .o3-scope .quick-proof a{display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none;}
:is(html,body).o3-product .o3-scope .quick-proof a:nth-child(2n + 1){border-right: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .quick-proof strong{color: var(--accent); font-size: 16px;}
:is(html,body).o3-product .o3-scope .quick-proof span{margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).o3-product .o3-scope .women-insight{display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none;}
:is(html,body).o3-product .o3-scope .women-insight img{width: 82px; height: 82px; object-fit: cover; object-position: 54% center;}
:is(html,body).o3-product .o3-scope .women-insight > span{display: flex; flex-direction: column; padding-block: 10px;}
:is(html,body).o3-product .o3-scope .women-insight strong{color: var(--accent); font-size: 16px;}
:is(html,body).o3-product .o3-scope .women-insight small{margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.3;}
:is(html,body).o3-product .o3-scope .women-insight > b{padding-right: 16px; color: var(--accent); font-size: 20px;}
:is(html,body).o3-product .o3-scope .story-section{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html,body).o3-product .o3-scope .story-intro h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5.5vw, 68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .story-intro p{max-width: 78ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).o3-product .o3-scope .story-grid{display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 14px;}
:is(html,body).o3-product .o3-scope .performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).o3-product .o3-scope .performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: 54% center;}
:is(html,body).o3-product .o3-scope .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,18,.08) 20%, rgba(3,20,18,.88) 100%);}
:is(html,body).o3-product .o3-scope .performance-card-copy{position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px);}
:is(html,body).o3-product .o3-scope .performance-card-copy h3{max-width: 14ch; margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).o3-product .o3-scope .performance-card-copy p{max-width: 52ch; margin: 0 0 10px; font-size: 17px;}
:is(html,body).o3-product .o3-scope .performance-card-copy small{display: block; max-width: 55ch; color: rgba(255,255,255,.78); font-size: 14px;}
:is(html,body).o3-product .o3-scope .story-facts{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px;}
:is(html,body).o3-product .o3-scope .story-fact{display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--radius); background: var(--soft);}
:is(html,body).o3-product .o3-scope .story-fact-primary{min-height: 250px; background: var(--accent); color: #fff;}
:is(html,body).o3-product .o3-scope .story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html,body).o3-product .o3-scope .story-fact-primary > span{color: #cbe5e2;}
:is(html,body).o3-product .o3-scope .story-fact > strong{margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px, 7vw, 84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).o3-product .o3-scope .story-fact-primary > strong{color: #fff;}
:is(html,body).o3-product .o3-scope .story-fact p{margin: 6px 0 0; color: var(--muted);}
:is(html,body).o3-product .o3-scope .story-fact-primary p{color: #d8ecea;}
:is(html,body).o3-product .o3-scope .section-heading{display: grid; gap: 15px; margin-bottom: 30px;}
:is(html,body).o3-product .o3-scope .section-heading h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .section-heading h2#videos-title{max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 50px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .section-heading p{max-width: 64ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).o3-product .o3-scope .comparison-section,:is(html,body).o3-product .o3-scope .routine-section,:is(html,body).o3-product .o3-scope .research-voices,:is(html,body).o3-product .o3-scope .video-section,:is(html,body).o3-product .o3-scope .faq-section,:is(html,body).o3-product .o3-scope .reviews-section,:is(html,body).o3-product .o3-scope .final-cta{margin-top: 72px;}
:is(html,body).o3-product .o3-scope .comparison-section{margin-top: 18px; padding: 54px 0 0; border-top: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .comparison-table{display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).o3-product .o3-scope .comparison-head{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html,body).o3-product .o3-scope .comparison-head:not(:last-child),:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .comparison-head-puori{background: var(--accent-soft);}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).o3-product .o3-scope .comparison-head-other{background: var(--soft);}
:is(html,body).o3-product .o3-scope .comparison-head-other img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).o3-product .o3-scope .comparison-head strong{max-width: 20ch;}
:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value{display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .comparison-label{font-weight: 800;}
:is(html,body).o3-product .o3-scope .comparison-value{color: var(--muted);}
:is(html,body).o3-product .o3-scope .comparison-value-puori{background: #f5faf9; color: var(--accent); font-weight: 800;}
:is(html,body).o3-product .o3-scope .comparison-scroll-hint{display: none; margin: 10px 0 0; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).o3-product .o3-scope .testing-section{margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--radius); background: var(--accent); color: #fff;}
:is(html,body).o3-product .o3-scope .testing-header{display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start;}
:is(html,body).o3-product .o3-scope .testing-header p{margin: 0 0 8px; color: #bfe4df; font-weight: 800;}
:is(html,body).o3-product .o3-scope .testing-header h2{max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .testing-header img{width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee;}
:is(html,body).o3-product .o3-scope .testing-lead{max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px;}
:is(html,body).o3-product .o3-scope .test-results{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25);}
:is(html,body).o3-product .o3-scope .test-results div{display: flex; flex-direction: column; min-height: 110px; padding: 18px; background: rgba(0,46,43,.64);}
:is(html,body).o3-product .o3-scope .test-results span{color: #cde7e4;}
:is(html,body).o3-product .o3-scope .test-results strong{margin-top: auto; color: #fff; font-size: 22px;}
:is(html,body).o3-product .o3-scope .testing-footer{display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px;}
:is(html,body).o3-product .o3-scope .testing-actions{display: flex; align-items: center; gap: 22px;}
:is(html,body).o3-product .o3-scope .testing-actions > a:not(.button){color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html,body).o3-product .o3-scope .testing-ai{display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html,body).o3-product .o3-scope .testing-ai p{margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html,body).o3-product .o3-scope .testing-ai-actions{display: flex; gap: 8px;}
:is(html,body).o3-product .o3-scope .testing-ai-actions a{--provider-color: #111; --provider-surface: #fff; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none; transition: background-color 160ms cubic-bezier(.23,1,.32,1), transform 140ms cubic-bezier(.23,1,.32,1);}
:is(html,body).o3-product .o3-scope .testing-ai-actions a[data-ai-provider="chatgpt"]{--provider-color: #111; --provider-surface: #f4f4f4;}
:is(html,body).o3-product .o3-scope .testing-ai-actions a[data-ai-provider="google-ai"]{--provider-color: #7558e8; --provider-surface: #f3efff;}
:is(html,body).o3-product .o3-scope .testing-ai-actions a:hover,:is(html,body).o3-product .o3-scope .testing-ai-actions a:focus-visible{background: rgba(255,255,255,.18); outline: none;}
:is(html,body).o3-product .o3-scope .testing-ai-actions a:focus-visible{box-shadow: 0 0 0 3px #9fd9d3;}
:is(html,body).o3-product .o3-scope .testing-ai-actions a:active{transform: translateY(1px);}
:is(html,body).o3-product .o3-scope .ai-provider-icon{display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border: 1px solid color-mix(in srgb, var(--provider-color) 24%, transparent); border-radius: 50%; background: var(--provider-surface); object-fit: contain;}
:is(html,body).o3-product .o3-scope .ai-provider-name{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
:is(html,body).o3-product .o3-scope .button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html,body).o3-product .o3-scope .button-light{background: #fff; color: var(--accent);}
:is(html,body).o3-product .o3-scope .routine-section{display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--radius); background: var(--soft);}
:is(html,body).o3-product .o3-scope .routine-content{display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,6vw,76px);}
:is(html,body).o3-product .o3-scope .routine-content h2{max-width: 11ch; margin: 0 0 18px; font-size: clamp(42px,5vw,66px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .routine-content > p{max-width: 50ch; margin: 0 0 28px; color: var(--muted); font-size: 17px;}
:is(html,body).o3-product .o3-scope .routine-steps{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).o3-product .o3-scope .routine-steps article{display: flex; flex-direction: column; min-height: 112px; padding: 17px; background: var(--surface);}
:is(html,body).o3-product .o3-scope .routine-steps strong{color: var(--accent);}
:is(html,body).o3-product .o3-scope .routine-steps span{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).o3-product .o3-scope .routine-content > a{align-self: flex-start; margin-top: 24px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).o3-product .o3-scope .mixing-comfort{position: relative; display: flex; min-height: 690px; justify-content: flex-start; overflow: hidden; margin-top: 72px; border-radius: var(--radius); background: var(--accent-dark);}
:is(html,body).o3-product .o3-scope .mixing-comfort-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
:is(html,body).o3-product .o3-scope .mixing-comfort-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,47,44,.97) 0%,rgba(0,56,53,.76) 44%,rgba(0,39,37,.1) 72%,rgba(0,39,37,.03) 100%);}
:is(html,body).o3-product .o3-scope .mixing-comfort-content{position: relative; z-index: 1; display: flex; width: min(650px,58%); flex-direction: column; justify-content: center; padding: clamp(38px,5vw,64px);}
:is(html,body).o3-product .o3-scope .mixing-comfort-intro{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).o3-product .o3-scope .mixing-comfort-intro h2{max-width: 20ch; margin: 0 0 16px; color: #fff; font-size: clamp(34px,4vw,50px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).o3-product .o3-scope .mixing-comfort-intro p{max-width: 38ch; margin: 0; color: #d5e9e6;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points{display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 1px; overflow: hidden; margin-top: 28px; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).o3-product .o3-scope .mixing-comfort-points article{display: flex; min-height: 238px; flex-direction: column; padding: clamp(20px,3vw,30px); background: rgba(0,66,62,.91); color: #fff;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points article + article{background: rgba(246,250,249,.96); color: var(--ink);}
:is(html,body).o3-product .o3-scope .mixing-comfort-points h3{margin: 0 0 14px; color: #a9dfda; font-size: 23px; line-height: 1.12; letter-spacing: -.025em;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points article + article h3{color: var(--accent);}
:is(html,body).o3-product .o3-scope .mixing-comfort-points p{margin: 0; color: inherit;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points small{display: block; margin-top: auto; padding-top: 24px; color: #d2e7e4; font-size: 14px; line-height: 1.48;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points article + article small{color: var(--muted);}
:is(html,body).o3-product .o3-scope .research-voices{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .research-voice-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html,body).o3-product .o3-scope .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).o3-product .o3-scope .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html,body).o3-product .o3-scope .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html,body).o3-product .o3-scope .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).o3-product .o3-scope .research-voice-grid blockquote{margin: 20px 0; font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em;}
:is(html,body).o3-product .o3-scope .research-voice-message{margin: 20px 0; color: var(--ink); font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em;}
:is(html,body).o3-product .o3-scope .research-voice-grid strong{margin-top: auto;}
:is(html,body).o3-product .o3-scope .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).o3-product .o3-scope .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).o3-product .o3-scope .video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--accent) var(--line);}
:is(html,body).o3-product .o3-scope .video-card{position: relative; overflow: hidden; min-height: 500px; padding: 0; border: 0; border-radius: var(--radius); background: var(--ink); color: #fff; cursor: pointer; scroll-snap-align: start; text-align: left;}
:is(html,body).o3-product .o3-scope .video-card img{width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform 240ms cubic-bezier(.22,1,.36,1);}
:is(html,body).o3-product .o3-scope .video-card:first-child img,:is(html,body).o3-product .o3-scope .video-card:last-child img{object-position: center; transform: scale(1.35);}
:is(html,body).o3-product .o3-scope .video-card:first-child:hover img,:is(html,body).o3-product .o3-scope .video-card:last-child:hover img{transform: scale(1.38);}
:is(html,body).o3-product .o3-scope .video-card:hover img{transform: scale(1.02);}
:is(html,body).o3-product .o3-scope .video-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,20,18,.88) 100%);}
:is(html,body).o3-product .o3-scope .play-icon{position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; background: rgba(0,50,47,.6); font-size: 18px;}
:is(html,body).o3-product .o3-scope .video-copy{position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column;}
:is(html,body).o3-product .o3-scope .video-copy strong{color: #fff; font-size: 22px; line-height: 1.15;}
:is(html,body).o3-product .o3-scope .video-copy small{margin-top: 6px; color: rgba(255,255,255,.76); font-size: 14px;}
:is(html,body).o3-product .o3-scope .faq-section{display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .faq-list details{border-bottom: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .faq-list summary{position: relative; padding: 20px 42px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html,body).o3-product .o3-scope .faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).o3-product .o3-scope .faq-list summary::after{content: "+"; position: absolute; top: 18px; right: 4px; color: var(--accent); font-size: 24px; line-height: 1;}
:is(html,body).o3-product .o3-scope .faq-list details[open] summary::after{content: "−";}
:is(html,body).o3-product .o3-scope .faq-list details p{max-width: 68ch; margin: -3px 0 20px; color: var(--muted);}
:is(html,body).o3-product .o3-scope .faq-list .faq-more{display: block; width: fit-content; margin-top: 10px; color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).o3-product .o3-scope .reviews-section{display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: var(--accent-soft);}
:is(html,body).o3-product .o3-scope .reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).o3-product .o3-scope .reviews-summary > strong{margin: 0 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).o3-product .o3-scope .reviews-summary p{margin: 8px 0 0; color: var(--muted);}
:is(html,body).o3-product .o3-scope .reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em;}
:is(html,body).o3-product .o3-scope .reviews-content h2{margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).o3-product .o3-scope .review-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
:is(html,body).o3-product .o3-scope .review-grid blockquote{display: flex; flex-direction: column; min-height: 220px; margin: 0; padding: 20px; border-radius: 6px; background: #fff;}
:is(html,body).o3-product .o3-scope .review-stars{display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em;}
:is(html,body).o3-product .o3-scope .review-grid p{margin: 0; color: #33403e; font-size: 16px; font-weight: 600;}
:is(html,body).o3-product .o3-scope .review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html,body).o3-product .o3-scope .review-grid footer a{color: var(--muted); font-weight: 700; text-underline-offset: 3px;}
:is(html,body).o3-product .o3-scope .review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html,body).o3-product .o3-scope .faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).o3-product .o3-scope .faq-awards > p{margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em;}
:is(html,body).o3-product .o3-scope .faq-awards-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center;}
:is(html,body).o3-product .o3-scope .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html,body).o3-product .o3-scope .methodology-note{margin-top: 18px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9;}
:is(html,body).o3-product .o3-scope .methodology-note summary{position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html,body).o3-product .o3-scope .methodology-note summary::-webkit-details-marker{display: none;}
:is(html,body).o3-product .o3-scope .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html,body).o3-product .o3-scope .methodology-note details[open] summary::after{content: "−";}
:is(html,body).o3-product .o3-scope .methodology-note details > div{padding: 0 0 15px;}
:is(html,body).o3-product .o3-scope .methodology-note p{max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html,body).o3-product .o3-scope .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html,body).o3-product .o3-scope .methodology-links a{color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html,body).o3-product .o3-scope .methodology-note small{display: block; margin-top: 10px; color: var(--muted); font-size: 11px;}
@media (min-width: 861px){:is(html,body).o3-product .o3-scope .reviews-summary > strong{font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap;}}
:is(html,body).o3-product .o3-scope .final-cta{position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).o3-product .o3-scope .final-cta > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%;}
:is(html,body).o3-product .o3-scope .final-cta-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,27,25,.94) 0%,rgba(3,27,25,.72) 48%,rgba(3,27,25,.12) 100%);}
:is(html,body).o3-product .o3-scope .final-cta-copy{position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px);}
:is(html,body).o3-product .o3-scope .final-cta-copy h2{margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .final-cta-copy p{margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px;}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope.content-nav{justify-content: flex-start; margin: 32px 16px 0;}
:is(html,body).o3-product .o3-scope h1{font-size: 38px;}
:is(html,body).o3-product .o3-scope .quick-proof a{min-height: 82px; padding: 13px;}
:is(html,body).o3-product .o3-scope .women-insight{grid-template-columns: 78px 1fr auto;}
:is(html,body).o3-product .o3-scope .women-insight img{width: 78px; height: 100%; min-height: 92px;}
:is(html,body).o3-product .o3-scope .story-section{margin: 16px 16px 0; padding-top: 36px;}
:is(html,body).o3-product .o3-scope .story-intro{margin-bottom: 22px;}
:is(html,body).o3-product .o3-scope .story-intro h2{font-size: 42px;}
:is(html,body).o3-product .o3-scope .story-intro p{font-size: 16px;}
:is(html,body).o3-product .o3-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .performance-card{min-height: 560px;}
:is(html,body).o3-product .o3-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .story-fact-primary{grid-column: auto;}
:is(html,body).o3-product .o3-scope .story-fact-primary{min-height: 260px;}
:is(html,body).o3-product .o3-scope .story-fact{min-height: 190px; padding: 20px;}
:is(html,body).o3-product .o3-scope .story-fact > strong{font-size: 60px;}
:is(html,body).o3-product .o3-scope .comparison-section,:is(html,body).o3-product .o3-scope .routine-section,:is(html,body).o3-product .o3-scope .research-voices,:is(html,body).o3-product .o3-scope .video-section,:is(html,body).o3-product .o3-scope .faq-section,:is(html,body).o3-product .o3-scope .reviews-section,:is(html,body).o3-product .o3-scope .final-cta{margin: 52px 16px 0;}
:is(html,body).o3-product .o3-scope .comparison-section{margin-top: 16px; padding-top: 36px;}
:is(html,body).o3-product .o3-scope .section-heading{margin-bottom: 22px;}
:is(html,body).o3-product .o3-scope .section-heading h2{font-size: 42px;}
:is(html,body).o3-product .o3-scope .section-heading p{font-size: 16px;}
:is(html,body).o3-product .o3-scope .comparison-table{grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto;}
:is(html,body).o3-product .o3-scope .comparison-scroll-hint{display: block;}
:is(html,body).o3-product .o3-scope .comparison-head{min-height: 180px; padding: 14px 10px; font-size: 14px;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img,:is(html,body).o3-product .o3-scope .comparison-head-other img{width: 92px; height: 92px; margin-bottom: 10px;}
:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value{min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3;}
:is(html,body).o3-product .o3-scope .testing-section{margin-top: 14px; padding: 28px 20px;}
:is(html,body).o3-product .o3-scope .testing-header{grid-template-columns: 1fr 70px; gap: 14px;}
:is(html,body).o3-product .o3-scope .testing-header h2{font-size: 40px;}
:is(html,body).o3-product .o3-scope .testing-header img{width: 70px; height: 70px;}
:is(html,body).o3-product .o3-scope .testing-lead{font-size: 16px;}
:is(html,body).o3-product .o3-scope .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .test-results div{min-height: 100px; padding: 14px;}
:is(html,body).o3-product .o3-scope .testing-footer{grid-template-columns: 1fr; gap: 18px;}
:is(html,body).o3-product .o3-scope .testing-actions{align-items: stretch; flex-direction: column; gap: 14px;}
:is(html,body).o3-product .o3-scope .testing-actions > a:not(.button){text-align: center;}
:is(html,body).o3-product .o3-scope .testing-ai{grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px;}
:is(html,body).o3-product .o3-scope .routine-section{grid-template-columns: 1fr; min-height: 0;}
:is(html,body).o3-product .o3-scope .routine-content{padding: 30px 22px;}
:is(html,body).o3-product .o3-scope .routine-content h2{font-size: 43px;}
:is(html,body).o3-product .o3-scope .mixing-comfort{display: block; min-height: 0; margin: 52px 16px 0; background: var(--accent-dark);}
:is(html,body).o3-product .o3-scope .mixing-comfort-photo{height: 350px; object-position: 72% center;}
:is(html,body).o3-product .o3-scope .mixing-comfort-scrim{height: 370px; background: linear-gradient(180deg,rgba(0,39,37,0) 0%,rgba(0,47,44,.08) 55%,var(--accent-dark) 100%);}
:is(html,body).o3-product .o3-scope .mixing-comfort-content{width: 100%; padding: 330px 20px 28px;}
:is(html,body).o3-product .o3-scope .mixing-comfort-intro h2{max-width: 14ch; font-size: 39px;}
:is(html,body).o3-product .o3-scope .video-grid{grid-auto-columns: minmax(250px,82vw); margin-right: -16px;}
:is(html,body).o3-product .o3-scope .video-card{min-height: 470px;}
:is(html,body).o3-product .o3-scope .research-voices{margin-top: 16px; padding-top: 36px;}
:is(html,body).o3-product .o3-scope .research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 330px;}
:is(html,body).o3-product .o3-scope .research-voice-grid article > div{padding: 22px 18px;}
:is(html,body).o3-product .o3-scope .faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px;}
:is(html,body).o3-product .o3-scope .faq-awards{display: none;}
:is(html,body).o3-product .o3-scope .reviews-section{grid-template-columns: 1fr; padding: 28px 20px;}
:is(html,body).o3-product .o3-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .review-grid blockquote{min-height: 0;}
:is(html,body).o3-product .o3-scope .review-grid footer{margin-top: 10px; padding-top: 0;}
:is(html,body).o3-product .o3-scope .methodology-note{margin: 16px 16px 0; padding: 0 15px;}
:is(html,body).o3-product .o3-scope .final-cta{min-height: 590px;}
:is(html,body).o3-product .o3-scope .final-cta-scrim{background: linear-gradient(180deg,rgba(3,27,25,.18) 15%,rgba(3,27,25,.94) 100%);}
:is(html,body).o3-product .o3-scope .final-cta-copy{align-self: flex-end; width: 100%; padding: 28px 22px;}
:is(html,body).o3-product .o3-scope .final-cta-copy h2{font-size: 43px;}}
@media (max-width: 430px){:is(html,body).o3-product .o3-scope .performance-card{min-height: 500px;}
:is(html,body).o3-product .o3-scope .performance-card-copy h3{font-size: 38px;}
:is(html,body).o3-product .o3-scope .performance-card-copy p{font-size: 15px; line-height: 1.42;}
:is(html,body).o3-product .o3-scope .performance-card-copy small{font-size: 14px;}
:is(html,body).o3-product .o3-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .story-fact-primary{grid-column: auto;}
:is(html,body).o3-product .o3-scope .story-fact{min-height: 178px;}
:is(html,body).o3-product .o3-scope .story-fact-primary{min-height: 230px;}
:is(html,body).o3-product .o3-scope .routine-steps{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .routine-steps article{min-height: 0; padding: 18px 20px;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .mixing-comfort-points article{min-height: 210px; padding: 20px;}
:is(html,body).o3-product .o3-scope .comparison-table{grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).o3-product .o3-scope .comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img,:is(html,body).o3-product .o3-scope .comparison-head-other img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value{min-width: 0; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere;}
:is(html,body).o3-product .o3-scope .testing-header h2{font-size: 36px;}
:is(html,body).o3-product .o3-scope .testing-lead{margin-top: 18px;}
:is(html,body).o3-product .o3-scope .video-card{min-height: 440px;}
:is(html,body).o3-product .o3-scope .research-voice-grid article{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .research-voice-grid img{height: 260px;}
:is(html,body).o3-product .o3-scope .reviews-section{gap: 22px; padding: 23px 17px;}
:is(html,body).o3-product .o3-scope .reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html,body).o3-product .o3-scope .review-grid blockquote{padding: 17px;}
:is(html,body).o3-product .o3-scope .final-cta-copy h2{font-size: 38px;}}
:is(html,body).o3-product .o3-scope .o3-insight img{object-position: 50% 38%;}
:is(html,body).o3-product .o3-scope .o3-performance-card{min-height: 514px;}
:is(html,body).o3-product .o3-scope .o3-performance-card img{object-position: 50% 43%;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.03) 14%,rgba(3,20,18,.16) 38%,rgba(3,20,18,.94) 100%);}
:is(html,body).o3-product .o3-scope .testing-section{margin-top: 72px;}
:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head-puori,:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head-other{grid-template-rows: 172px 56px;}
:is(html,body).o3-product .o3-scope .o3-fit{min-height: 720px;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 64% center;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{background: linear-gradient(90deg,rgba(0,47,44,.98) 0%,rgba(0,56,53,.9) 38%,rgba(0,49,46,.46) 59%,rgba(0,39,37,.02) 83%);}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-content{width: min(700px,61%);}
:is(html,body).o3-product .o3-scope .o3-routine{grid-template-columns: minmax(0,1fr) minmax(420px,1fr);}
:is(html,body).o3-product .o3-scope .o3-routine .routine-content h2{max-width: 14ch;
  font-size: clamp(42px,4.4vw,60px);}
:is(html,body).o3-product .o3-scope .testing-section .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).o3-product .o3-scope .testing-section .testing-header img{background: rgba(255,255,255,.94);
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .video-section .section-heading h2 > span{display: block;
  white-space: nowrap;}
:is(html,body).o3-product .o3-scope .o3-awards{grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 7px;}
:is(html,body).o3-product .o3-scope .o3-awards img,:is(html,body).o3-product .o3-scope .o3-awards img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;
  height: 62px;
  max-height: 62px;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .faq-awards{display: block;}
:is(html,body).o3-product .o3-scope .final-cta > img{object-position: 62% center;}
:is(html,body).o3-product .o3-scope .final-cta-scrim{background: linear-gradient(90deg,rgba(3,27,25,.97) 0%,rgba(3,27,25,.88) 43%,rgba(3,27,25,.12) 100%);}
@media (max-width: 980px){:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-content{width: 100%;}}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope .testing-section{margin: 52px 16px 0;}
:is(html,body).o3-product .o3-scope .o3-performance-card{min-height: 540px;}
:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head-puori,:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head-other{grid-template-rows: 112px 50px;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 64% center;}
:is(html,body).o3-product .o3-scope .o3-routine{grid-template-columns: 1fr;}}
@media (max-width: 600px){:is(html,body).o3-product .o3-scope .o3-fit{min-height: 0;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 56% center;}
:is(html,body).o3-product .o3-scope .video-section .section-heading h2 > span{white-space: normal;}
:is(html,body).o3-product .o3-scope .o3-awards{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .o3-awards img,:is(html,body).o3-product .o3-scope .o3-awards img:last-child:nth-child(odd){height: 58px;
    max-height: 58px;}
:is(html,body).o3-product .o3-scope .final-cta-scrim{background: linear-gradient(180deg,rgba(3,27,25,.08) 14%,rgba(3,27,25,.97) 100%);}}
@media (max-width: 430px){:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head-puori,:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head-other{grid-template-rows: 86px 50px;}}
:is(html,body).o3-product .o3-scope .section-kicker{margin: 0 0 10px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).o3-product .o3-scope .video-card:first-child img{object-position: center; transform: none;}
:is(html,body).o3-product .o3-scope .video-card:first-child:hover img{transform: scale(1.02);}
:is(html,body).o3-product .o3-scope .video-card:nth-child(3) img{object-position: 50% 25%;}
:is(html,body).o3-product .o3-scope .video-card:nth-child(4) img{object-position: 62% center;}
:is(html,body).o3-product .o3-scope.content-nav{display: block;
  overflow: visible;}
:is(html,body).o3-product .o3-scope.content-nav-inner{display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;}
:is(html,body).o3-product .o3-scope.content-nav-inner::-webkit-scrollbar{display: none;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{transform: scale(1.55);}
:is(html,body).o3-product .o3-scope .quick-proof span{overflow-wrap: anywhere;}
:is(html,body).o3-product .o3-scope .section-kicker-light{color: #a9dfda !important;}
:is(html,body).o3-product .o3-scope .faq-awards > small{display: block;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;}
:is(html,body).o3-product .o3-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 128px);}
:is(html,body).o3-product .o3-scope .media-dialog[open]{position: fixed;
  inset: 0;
  z-index: 100000;
  width: min(520px,calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: var(--radius);
  background: #071f1e;
  color: #fff;}
:is(html,body).o3-product .o3-scope .media-dialog::backdrop{background: rgba(2,24,22,.76);}
:is(html,body).o3-product .o3-scope .media-dialog__head{display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #102e2b;
  color: #fff;}
:is(html,body).o3-product .o3-scope .media-dialog__head button{display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;}
:is(html,body).o3-product .o3-scope .media-dialog__body{display: grid;
  min-height: min(76vh,680px);
  place-items: center;
  background: #000;}
:is(html,body).o3-product .o3-scope .media-dialog__body video,:is(html,body).o3-product .o3-scope .media-dialog__body iframe{display: block;
  width: 100%;
  height: min(76vh,680px);
  max-height: min(76vh,680px);
  border: 0;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .video-card img{position: absolute;
  inset: 0;}
:is(html,body).o3-product .o3-scope .video-card:nth-child(1) img,:is(html,body).o3-product .o3-scope .video-card:nth-child(2) img,:is(html,body).o3-product .o3-scope .video-card:nth-child(3) img,:is(html,body).o3-product .o3-scope .video-card:nth-child(4) img,:is(html,body).o3-product .o3-scope .video-card:nth-child(5) img,:is(html,body).o3-product .o3-scope .video-card:nth-child(6) img{transform: none;
  object-position: center;}
:is(html,body).o3-product .o3-scope .video-card:hover img,:is(html,body).o3-product .o3-scope .video-card:nth-child(1):hover img,:is(html,body).o3-product .o3-scope .video-card:nth-child(2):hover img,:is(html,body).o3-product .o3-scope .video-card:nth-child(3):hover img,:is(html,body).o3-product .o3-scope .video-card:nth-child(4):hover img,:is(html,body).o3-product .o3-scope .video-card:nth-child(5):hover img,:is(html,body).o3-product .o3-scope .video-card:nth-child(6):hover img{transform: scale(1.02);}
:is(html,body).o3-product .o3-scope .video-card:nth-child(4) img{object-position: 50% 30%;}
:is(html,body).o3-product .o3-scope .video-card:nth-child(5) img,:is(html,body).o3-product .o3-scope .video-card:nth-child(6) img{object-position: 50% 28%;}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope.content-nav-inner{justify-content: flex-start;}}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 150px;
  height: 150px;
  margin-bottom: 8px;
  transform: none;}
:is(html,body).o3-product .o3-scope .reviews-section{grid-template-columns: 280px minmax(0,1fr);
  gap: 30px;
  margin-top: 18px;
  padding: 36px;}
:is(html,body).o3-product .o3-scope .video-section,:is(html,body).o3-product .o3-scope .faq-section,:is(html,body).o3-product .o3-scope .final-cta{margin-top: 18px;}
:is(html,body).o3-product .o3-scope .reviews-content h2{margin-bottom: 18px;
  font-size: 42px;}
:is(html,body).o3-product .o3-scope .faq-section{grid-template-columns: 340px minmax(0,1fr);
  gap: 34px;
  padding: 35px;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html,body).o3-product .o3-scope .faq-aside h2{max-width: 11ch;
  margin: 0 0 16px;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -.04em;}
:is(html,body).o3-product .o3-scope .faq-aside > p{color: var(--muted);}
:is(html,body).o3-product .o3-scope .faq-awards{margin-top: 20px;}
:is(html,body).o3-product .o3-scope .faq-awards-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;}
@media (max-width: 980px){:is(html,body).o3-product .o3-scope .story-facts{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .story-fact-primary{grid-column: auto;}
:is(html,body).o3-product .o3-scope .reviews-section,:is(html,body).o3-product .o3-scope .faq-section{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .video-grid{grid-auto-columns: minmax(250px,44%);
    margin-right: 0;}}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope .faq-section{gap: 28px;
    padding: 22px;}
:is(html,body).o3-product .o3-scope .faq-awards{display: block;}}
@media (max-width: 600px){:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 84px;
    height: 84px;
    margin-bottom: 6px;
    transform: none;}
:is(html,body).o3-product .o3-scope .reviews-section{padding: 27px 18px;}
:is(html,body).o3-product .o3-scope .reviews-content h2{font-size: 38px;}
:is(html,body).o3-product .o3-scope .faq-section{padding: 26px 18px;}
:is(html,body).o3-product .o3-scope .faq-aside h2{font-size: 38px;}
:is(html,body).o3-product .o3-scope .faq-awards{display: none;}
:is(html,body).o3-product .o3-scope .video-grid{grid-auto-columns: minmax(250px,82vw);
    margin-right: -16px;}
:is(html,body).o3-product .o3-scope .video-card{min-height: 440px;}}
:is(html,body).o3-product .o3-scope .story-intro h2,:is(html,body).o3-product .o3-scope .final-cta-copy h2{max-width: none;}
:is(html,body).o3-product .o3-scope .story-intro h2 > span,:is(html,body).o3-product .o3-scope .final-cta-copy h2 > span{display: block;
  white-space: nowrap;}
:is(html,body).o3-product .o3-scope .story-intro p strong{color: var(--ink);}
:is(html,body).o3-product .o3-scope .story-grid{grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr);
  align-items: stretch;}
:is(html,body).o3-product .o3-scope .performance-card{min-height: 520px;}
:is(html,body).o3-product .o3-scope .performance-card-copy h3{max-width: 17ch;
  font-size: clamp(33px,3.8vw,50px);}
:is(html,body).o3-product .o3-scope .story-fact,:is(html,body).o3-product .o3-scope .story-fact-primary{min-height: 190px;}
:is(html,body).o3-product .o3-scope .faq-aside{position: sticky;
  top: 82px;}
:is(html,body).o3-product .o3-scope .faq-awards{background: #f7faf9;}
:is(html,body).o3-product .o3-scope .faq-list details p{line-height: 1.62;}
:is(html,body).o3-product .o3-scope .final-cta-copy h2 > span:first-child{white-space: nowrap;}
@media (max-width: 1100px){:is(html,body).o3-product .o3-scope .story-grid{grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr);}
:is(html,body).o3-product .o3-scope .story-intro h2 > span{white-space: normal;}}
@media (max-width: 980px){:is(html,body).o3-product .o3-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .performance-card{min-height: 540px;}
:is(html,body).o3-product .o3-scope .faq-aside{position: static;}}
@media (max-width: 600px){:is(html,body).o3-product .o3-scope .story-intro h2 > span,:is(html,body).o3-product .o3-scope .final-cta-copy h2 > span,:is(html,body).o3-product .o3-scope .final-cta-copy h2 > span:first-child{white-space: normal;}
:is(html,body).o3-product .o3-scope .story-intro h2{font-size: 34px;
    line-height: 1.01;}
:is(html,body).o3-product .o3-scope .final-cta-copy h2{font-size: 30px;
    line-height: 1.02;}
:is(html,body).o3-product .o3-scope .performance-card{min-height: 520px;}
:is(html,body).o3-product .o3-scope .faq-awards{display: block;}
:is(html,body).o3-product .o3-scope .comparison-table{grid-template-columns: 150px 280px 280px;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;}
:is(html,body).o3-product .o3-scope .comparison-head{min-height: 178px;
    padding: 14px 12px;
    font-size: 14px;}
:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value{min-height: 84px;
    padding: 12px 11px;
    font-size: 14px;
    overflow-wrap: normal;}}
:is(html,body).o3-product .o3-scope .section-kicker{margin: 0 0 10px;
  color: #006460;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .13em;
  text-transform: uppercase;}
:is(html,body).o3-product .o3-scope .section-kicker:not(.section-kicker-light){color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;}
:is(html,body).o3-product .o3-scope .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).o3-product .o3-scope .section-heading h2{line-height: 1.08;}
:is(html,body).o3-product .o3-scope .story-intro h2{line-height: 1.04;}
:is(html,body).o3-product .o3-scope .final-cta-copy h2{line-height: 1.1;}
:is(html,body).o3-product .o3-scope .women-insight{grid-template-columns: 112px minmax(0,1fr) auto;
  min-height: 104px;}
:is(html,body).o3-product .o3-scope .women-insight img{width: 112px;
  height: 100%;
  min-height: 104px;
  object-position: 50% 36%;}
:is(html,body).o3-product .o3-scope .women-insight > span{padding: 12px 0;}
:is(html,body).o3-product .o3-scope .story-grid{align-items: start;}
:is(html,body).o3-product .o3-scope .comparison-head-puori,:is(html,body).o3-product .o3-scope .comparison-head-other{display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: 184px 50px;
  align-content: end;
  align-items: end;
  justify-content: stretch;
  justify-items: center;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 184px;
  height: 184px;
  margin: 0;
  justify-self: center;
  object-position: center bottom;}
:is(html,body).o3-product .o3-scope .comparison-head-puori strong,:is(html,body).o3-product .o3-scope .comparison-head-other strong{align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding-top: 10px;
  line-height: 1.25;}
@media (min-width: 861px){:is(html,body).o3-product .o3-scope .video-section .section-heading > p:last-child,:is(html,body).o3-product .o3-scope .research-voices .section-heading > p:last-child{max-width: none;
    white-space: nowrap;}
:is(html,body).o3-product .o3-scope .video-section .section-heading h2{max-width: none;}}
@media (max-width: 600px){:is(html,body).o3-product .o3-scope .section-heading h2{line-height: 1.09;}
:is(html,body).o3-product .o3-scope .story-intro h2{line-height: 1.06;}
:is(html,body).o3-product .o3-scope .final-cta-copy h2{line-height: 1.12;}
:is(html,body).o3-product .o3-scope .women-insight{grid-template-columns: 96px minmax(0,1fr) auto;}
:is(html,body).o3-product .o3-scope .women-insight img{width: 96px;
    min-height: 112px;}}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope .comparison-head-puori,:is(html,body).o3-product .o3-scope .comparison-head-other{grid-template-rows: 112px 44px;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 112px;
    height: 112px;}
:is(html,body).o3-product .o3-scope .comparison-head-puori strong,:is(html,body).o3-product .o3-scope .comparison-head-other strong{padding-top: 8px;}}
@media (max-width: 430px){:is(html,body).o3-product .o3-scope .comparison-head-puori,:is(html,body).o3-product .o3-scope .comparison-head-other{grid-template-rows: 86px 44px;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 86px;
    height: 86px;}}
:is(html,body).o3-product .o3-scope .story-lead{display: grid;
  max-width: none;
  gap: 3px;}
:is(html,body).o3-product .o3-scope .story-lead > span,:is(html,body).o3-product .o3-scope .story-lead > strong,:is(html,body).o3-product .o3-scope .section-heading h2 > span{display: block;}
:is(html,body).o3-product .o3-scope .o3-performance-card{min-height: 0;
  aspect-ratio: 1;}
:is(html,body).o3-product .o3-scope .o3-performance-card img{object-position: 57% 44%;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy{right: auto;
  width: min(54%,520px);}
:is(html,body).o3-product .o3-scope .story-fact > strong{white-space: nowrap;
  font-size: clamp(34px,2.9vw,41px);
  letter-spacing: -.045em;}
:is(html,body).o3-product .o3-scope .comparison-inline{display: inline-flex;
  flex-wrap: wrap;
  gap: .28em;
  align-items: baseline;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{transform: translateX(8%) scale(1.18);
  transform-origin: center;}
:is(html,body).o3-product .o3-scope .testing-header img{padding: 12px;
  background: #fff;}
:is(html,body).o3-product .o3-scope .research-voices .section-heading h2{max-width: none;}
:is(html,body).o3-product .o3-scope .research-voice-grid article > div > strong.research-expert-name{margin-top: auto;
  color: var(--ink);}
@media (min-width: 1101px){:is(html,body).o3-product .o3-scope .story-lead > span,:is(html,body).o3-product .o3-scope .story-lead > strong,:is(html,body).o3-product .o3-scope #comparison-title > span{white-space: nowrap;}}
@media (max-width: 980px){:is(html,body).o3-product .o3-scope .o3-performance-card{min-height: 0;
    aspect-ratio: 4 / 5;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy{right: clamp(24px,4vw,48px);
    width: auto;}}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{position: relative;
    inset: auto;
    width: 100%;
    height: 350px;
    transform: none;
    object-position: 64% center;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{top: 0;
    bottom: auto;
    height: 350px;
    background: linear-gradient(180deg,rgba(0,39,37,0) 42%,rgba(0,47,44,.22) 70%,#004f4c 100%);}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-content{width: 100%;
    padding: 28px 20px 28px;
    background: #004f4c;}}
@media (max-width: 600px){:is(html,body).o3-product .o3-scope .story-lead{display: block;}
:is(html,body).o3-product .o3-scope .story-lead > strong{margin-top: 6px;}
:is(html,body).o3-product .o3-scope .o3-performance-card{aspect-ratio: auto;
    min-height: 660px;}
:is(html,body).o3-product .o3-scope .o3-performance-card img{object-position: 58% 40%;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.01) 28%,rgba(3,20,18,.12) 44%,rgba(3,20,18,.62) 64%,rgba(3,20,18,.96) 82%,rgba(3,20,18,.99) 100%);}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy{padding-top: 38px;}
:is(html,body).o3-product .o3-scope .o3-comparison-table{grid-template-columns: 108px 190px 190px;
    padding-right: 14px;
    scroll-padding-right: 14px;}
:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-head{min-height: 160px;
    padding: 12px 9px;}
:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-label,:is(html,body).o3-product .o3-scope .o3-comparison-table .comparison-value{min-height: 88px;
    padding: 12px 10px;
    overflow-wrap: anywhere;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo,:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{height: 320px;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 63% center;}}
:is(html,body).o3-product .o3-scope #benefits,:is(html,body).o3-product .o3-scope #freshness,:is(html,body).o3-product .o3-scope #source,:is(html,body).o3-product .o3-scope #for-whom{scroll-margin-top: 76px;}
:is(html,body).o3-product .o3-scope h2,:is(html,body).o3-product .o3-scope h3{text-wrap: balance;}
:is(html,body).o3-product .o3-scope .section-heading > p,:is(html,body).o3-product .o3-scope .story-lead,:is(html,body).o3-product .o3-scope .freshness-lead{text-wrap: pretty;}
:is(html,body).o3-product .o3-scope .o3-insight img{object-position: 57% 42%;}
:is(html,body).o3-product .o3-scope .o3-term{display: inline-block;
  border: 0;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline dotted currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  white-space: nowrap;
  cursor: help;}
:is(html,body).o3-product .o3-scope .o3-term-light{color: #fff;}
:is(html,body).o3-product .o3-scope .o3-term:focus-visible{border-radius: 2px;
  outline: 2px solid var(--accent);
  outline-offset: 2px;}
:is(html,body).o3-product .o3-scope .o3-term-light:focus-visible{outline-color: #fff;}
:is(html,body).o3-product .o3-term-tooltip{position: fixed;
  z-index: 100050;
  width: max-content;
  max-width: min(310px,calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid rgba(0,100,96,.24);
  border-radius: 6px;
  background: #123f3c;
  box-shadow: 0 8px 24px rgba(8,36,34,.18);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(3px);
  transition: opacity 80ms ease,transform 80ms ease,visibility 80ms;}
:is(html,body).o3-product .o3-term-tooltip.is-visible{opacity: 1;
  visibility: visible;
  transform: translateY(0);}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy h3{text-shadow: none;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy .section-kicker{text-shadow: 0 1px 3px rgba(0,0,0,.34);}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy p,:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy small{text-shadow: 0 1px 2px rgba(0,0,0,.26);}
:is(html,body).o3-product .o3-scope .claims-section{margin-top: 18px;
  padding: clamp(44px, 7vw, 84px) 0;
  border-top: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .benefit-claims{display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;}
:is(html,body).o3-product .o3-scope .benefit-claims article{display: grid;
  min-height: 340px;
  grid-template-columns: minmax(0,1fr) 112px;
  grid-template-rows: auto auto auto;
  column-gap: 18px;
  align-content: start;
  padding: clamp(26px,4vw,42px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg,#f7fbfa 0%,#e4f1ef 100%);}
:is(html,body).o3-product .o3-scope .benefits-intro{max-width: none !important;}
@media (min-width: 1101px){:is(html,body).o3-product .o3-scope .benefits-intro{white-space: nowrap;}}
:is(html,body).o3-product .o3-scope .benefit-claims article:nth-child(2){background: #006460;
  color: #fff;}
:is(html,body).o3-product .o3-scope .claim-image{grid-column: 2;
  grid-row: 1;
  width: 112px;
  height: 112px;
  align-self: center;
  justify-self: end;
  margin: 0;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 12px 22px rgba(0,62,57,.13));}
:is(html,body).o3-product .o3-scope .benefit-claims h3{grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
  color: inherit;
  font-size: clamp(30px,3vw,42px);
  letter-spacing: -.04em;
  line-height: 1;}
:is(html,body).o3-product .o3-scope .benefit-claims p{grid-column: 1 / -1;
  grid-row: 2;
  margin: 22px 0 18px;
  font-size: 19px;
  font-weight: 750;
  line-height: 1.35;}
:is(html,body).o3-product .o3-scope .benefit-claims small{grid-column: 1 / -1;
  grid-row: 3;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;}
:is(html,body).o3-product .o3-scope .benefit-claims article:nth-child(2) small{color: #cfe7e4;}
:is(html,body).o3-product .o3-scope .freshness-section{display: grid;
  grid-template-columns: minmax(0,1.04fr) minmax(420px,.96fr);
  min-height: 690px;
  overflow: hidden;
  margin-top: 18px;
  border-radius: var(--radius);
  background: #eef6f5;}
:is(html,body).o3-product .o3-scope .freshness-visual{position: relative;
  overflow: hidden;
  min-height: 690px;
  background: #dfeceb;}
:is(html,body).o3-product .o3-scope .freshness-visual > img{position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;}
:is(html,body).o3-product .o3-scope .freshness-score{position: absolute;
  right: 28px;
  bottom: 28px;
  display: grid;
  width: 154px;
  height: 154px;
  grid-template-rows: auto auto auto;
  place-content: center;
  place-items: center;
  border: 1px solid rgba(255,255,255,.56);
  border-radius: 50%;
  background: rgba(0,77,73,.9);
  color: #fff;
  backdrop-filter: blur(7px);
  text-align: center;}
:is(html,body).o3-product .o3-scope .freshness-score span,:is(html,body).o3-product .o3-scope .freshness-score small{display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;}
:is(html,body).o3-product .o3-scope .freshness-score strong{display: block;
  width: 100%;
  margin: 3px 0 1px;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -.05em;
  text-align: center;}
:is(html,body).o3-product .o3-scope .freshness-content{display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(36px,5vw,66px);}
:is(html,body).o3-product .o3-scope .freshness-content h2{margin: 0 0 20px;
  font-size: clamp(38px,4.3vw,58px);
  line-height: .99;
  letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .freshness-content h2 span{display: block;}
:is(html,body).o3-product .o3-scope .freshness-lead{margin: 0;
  color: #4d5c59;
  font-size: 17px;}
:is(html,body).o3-product .o3-scope .freshness-metrics{display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid #bdd4d1;
  border-radius: 7px;
  background: #bdd4d1;}
:is(html,body).o3-product .o3-scope .freshness-metrics article{display: flex;
  min-width: 0;
  min-height: 122px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 12px;
  background: #fff;
  text-align: center;}
:is(html,body).o3-product .o3-scope .freshness-metrics article.is-total{background: var(--accent);
  color: #fff;}
:is(html,body).o3-product .o3-scope .freshness-metrics strong{display: block;
  width: 100%;
  margin: 4px 0;
  color: var(--accent);
  font-size: 31px;
  line-height: 1;
  text-align: center;}
:is(html,body).o3-product .o3-scope .freshness-metrics .is-total strong{color: #fff;}
:is(html,body).o3-product .o3-scope .freshness-metrics small{display: block;
  width: 100%;
  color: var(--muted);
  font-size: 12px;
  text-align: center;}
:is(html,body).o3-product .o3-scope .freshness-metrics .is-total small{color: #cce5e2;}
:is(html,body).o3-product .o3-scope .freshness-scale{position: relative;
  z-index: 2;
  margin-top: 44px;}
:is(html,body).o3-product .o3-scope .freshness-scale > span{position: relative;
  display: block;
  height: 12px;
  border-radius: 99px;
  background: linear-gradient(90deg,#6fc4bc 0%,#ecd37b 67%,#d66a4f 100%);}
:is(html,body).o3-product .o3-scope .freshness-scale > span::after{position: absolute;
  top: 50%;
  left: var(--score);
  width: 22px;
  height: 22px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #006460;
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
  content: "";
  transform: translate(-50%,-50%);}
:is(html,body).o3-product .o3-scope .freshness-scale b{position: absolute;
  z-index: 2;
  bottom: 21px;
  left: var(--score);
  color: var(--accent);
  font-size: 14px;
  transform: translateX(-50%);}
:is(html,body).o3-product .o3-scope .freshness-scale small{display: flex;
  justify-content: space-between;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;}
:is(html,body).o3-product .o3-scope .freshness-scale i{font-style: normal;}
:is(html,body).o3-product .o3-scope .freshness-note{margin: 18px 0 0;
  color: var(--muted);
  font-size: 13px;}
:is(html,body).o3-product .o3-scope .source-section{margin-top: 18px;
  padding-bottom: clamp(34px,5vw,56px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;}
:is(html,body).o3-product .o3-scope .source-hero{position: relative;
  display: flex;
  min-height: 560px;
  align-items: center;
  overflow: hidden;
  color: #fff;}
:is(html,body).o3-product .o3-scope .source-hero > img,:is(html,body).o3-product .o3-scope .source-hero-scrim{position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;}
:is(html,body).o3-product .o3-scope .source-hero > img{object-fit: cover;}
:is(html,body).o3-product .o3-scope .source-hero-scrim{background: linear-gradient(90deg,rgba(0,43,46,.95) 0%,rgba(0,56,60,.78) 42%,rgba(0,56,60,.12) 76%);}
:is(html,body).o3-product .o3-scope .source-hero > div:last-child{position: relative;
  z-index: 2;
  width: min(720px,64%);
  padding: clamp(38px,6vw,76px);}
:is(html,body).o3-product .o3-scope .source-hero h2{margin: 16px 0 18px;
  color: #fff;
  font-size: clamp(42px,5vw,66px);
  line-height: .98;
  letter-spacing: -.05em;}
:is(html,body).o3-product .o3-scope .source-hero h2 span{display: block;}
:is(html,body).o3-product .o3-scope .source-hero p:last-child{max-width: 54ch;
  color: #d2e9e8;
  font-size: 17px;}
:is(html,body).o3-product .o3-scope .source-steps{display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  margin: 1px clamp(18px,4vw,46px) 0;
  background: var(--line);}
:is(html,body).o3-product .o3-scope .source-steps article{min-height: 200px;
  padding: clamp(22px,3vw,32px);
  background: #fff;}
:is(html,body).o3-product .o3-scope .source-steps span{color: #78aaa6;
  font-size: 13px;
  font-weight: 900;}
:is(html,body).o3-product .o3-scope .source-steps h3{margin: 30px 0 10px;
  color: var(--accent);
  font-size: 22px;
  line-height: 1.1;}
:is(html,body).o3-product .o3-scope .source-steps p{margin: 0;
  color: var(--muted);
  font-size: 14px;}
:is(html,body).o3-product .o3-scope .source-link{display: inline-block;
  margin: 26px clamp(18px,4vw,46px) 0;
  color: var(--accent);
  font-weight: 850;
  text-underline-offset: 4px;}
:is(html,body).o3-product .o3-scope .source-certification{display: grid;
  width: calc(100% - 36px);
  grid-template-columns: 68px minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 22px 18px 0;
  padding: 14px 18px;
  border: 1px solid #c7d9d6;
  border-radius: 7px;
  background: #f3f8f7;
  color: var(--accent);
  font: inherit;
  text-align: left;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease;}
:is(html,body).o3-product .o3-scope .source-certification:hover,:is(html,body).o3-product .o3-scope .source-certification:focus-visible{border-color: #78aaa6;
  background: #eaf4f2;}
:is(html,body).o3-product .o3-scope .source-certification img{width: 68px;
  height: 68px;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .source-certification span,:is(html,body).o3-product .o3-scope .source-certification strong,:is(html,body).o3-product .o3-scope .source-certification small{display: block;}
:is(html,body).o3-product .o3-scope .source-certification small{margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;}
:is(html,body).o3-product .o3-scope .source-certification strong{font-size: 16px;
  line-height: 1.3;}
:is(html,body).o3-product .o3-scope .source-certification > b{font-size: 22px;}
:is(html,body).o3-product .o3-scope .media-dialog.is-certification[open]{width: min(1160px,calc(100vw - 32px));
  background: #fff;}
:is(html,body).o3-product .o3-scope .media-dialog.is-certification .media-dialog__body{min-height: 0;
  padding: 12px;
  background: #eef3f2;}
:is(html,body).o3-product .o3-scope .media-dialog__body .o3-cert-modal-image{display: block;
  width: 100%;
  height: auto;
  max-height: calc(100dvh - 106px);
  border-radius: 4px;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .comparison-table{display: grid;
  grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html,body).o3-product .o3-scope .comparison-head{display: grid;
  min-height: 254px;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: 184px 50px;
  align-content: end;
  align-items: end;
  justify-content: stretch;
  justify-items: center;
  padding: 20px;
  border-bottom: 1px solid var(--line);
  text-align: center;}
:is(html,body).o3-product .o3-scope .comparison-head:not(:last-child),:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .comparison-head-puori{background: var(--accent-soft);}
:is(html,body).o3-product .o3-scope .comparison-head-other{background: var(--soft);}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 184px;
  height: 184px;
  margin: 0;
  object-fit: contain;
  object-position: center bottom;}
:is(html,body).o3-product .o3-scope .comparison-head-other.o3-generic-pack > img{width: 122px;
  height: 154px;
  margin: 0;
  object-fit: contain;
  object-position: center bottom;
  filter: saturate(.72) contrast(.96);}
:is(html,body).o3-product .o3-scope .comparison-head strong{align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 20ch;
  margin-top: 0;
  padding-top: 10px;
  line-height: 1.25;}
:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value{display: flex;
  min-width: 0;
  min-height: 76px;
  align-items: center;
  padding: 15px 18px;
  border-bottom: 1px solid var(--line);}
:is(html,body).o3-product .o3-scope .comparison-label{color: var(--ink);
  font-weight: 800;}
:is(html,body).o3-product .o3-scope .comparison-value{color: var(--muted);}
:is(html,body).o3-product .o3-scope .comparison-value-puori{background: #f5faf9;
  color: var(--accent);
  font-weight: 800;}
:is(html,body).o3-product .o3-scope .comparison-value-copy{min-width: 0;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 72% center;
  transform: none;}
:is(html,body).o3-product .o3-scope .o3-routine .routine-media{position: relative;
  min-height: 680px;
  overflow: hidden;
  background: #bff0ec;}
:is(html,body).o3-product .o3-scope .o3-routine .routine-media img{position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;}
:is(html,body).o3-product .o3-scope .o3-review-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .testing-logos{display: flex;
  gap: 12px;
  align-items: center;}
:is(html,body).o3-product .o3-scope .testing-header .testing-logos img{width: 82px;
  height: 82px;
  padding: 9px;
  border-radius: 7px;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .test-layer-grid{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 28px 0;}
:is(html,body).o3-product .o3-scope .test-layer-grid article{display: flex;
  min-height: 410px;
  flex-direction: column;
  padding: clamp(24px,4vw,38px);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 7px;
  background: rgba(0,45,42,.34);}
:is(html,body).o3-product .o3-scope .test-layer-grid article > div{display: flex;
  gap: 12px;
  align-items: center;}
:is(html,body).o3-product .o3-scope .test-layer-grid img{width: 58px;
  height: 58px;
  padding: 7px;
  border-radius: 6px;
  background: #fff;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .test-layer-grid article > div span{color: #bfe2de;
  font-weight: 850;}
:is(html,body).o3-product .o3-scope .test-layer-grid h3{margin: 28px 0 18px;
  color: #fff;
  font-size: clamp(26px,3vw,38px);
  line-height: 1.05;
  letter-spacing: -.035em;}
:is(html,body).o3-product .o3-scope .test-layer-grid ul{display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 19px;
  color: #d2e9e6;}
:is(html,body).o3-product .o3-scope .test-layer-grid a{margin-top: auto;
  padding-top: 24px;
  color: #fff;
  font-weight: 850;
  text-underline-offset: 4px;}
:is(html,body).o3-product .o3-scope .test-results{grid-template-columns: repeat(4,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .button-light-secondary{margin-left: 8px;
  border-color: rgba(255,255,255,.55) !important;
  background: transparent !important;
  color: #fff !important;}
:is(html,body).o3-product .o3-scope .research-voice-grid img{object-position: center center;}
:is(html,body).o3-product .o3-scope .o3-awards{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .faq-awards-grid.o3-awards{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .o3-awards img,:is(html,body).o3-product .o3-scope .o3-awards img:last-child:nth-child(odd){width: 100%;
  height: 90px;
  max-height: 90px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  object-fit: contain;}
:is(html,body).o3-product .o3-scope .media-dialog__body iframe{width: min(100%, 430px);
  aspect-ratio: 9 / 16;
  border: 0;}
:is(html,body).o3-product .o3-scope .final-cta > img{object-position: center 42%;
  transform: translateX(10%) scale(1.05);}
@media (min-width: 1101px){:is(html,body).o3-product .o3-scope .story-lead > span,:is(html,body).o3-product .o3-scope .story-lead > strong{white-space: normal;}}
@media (max-width: 980px){:is(html,body).o3-product .o3-scope .benefit-claims{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .benefit-claims article{min-height: 260px;}
:is(html,body).o3-product .o3-scope .freshness-section{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .freshness-visual{min-height: 560px;}
:is(html,body).o3-product .o3-scope .source-steps{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 78% center;
    transform: none;}
:is(html,body).o3-product .o3-scope .o3-routine .routine-media{min-height: 580px;}
:is(html,body).o3-product .o3-scope .o3-review-grid{grid-template-columns: 1fr;}}
@media (max-width: 760px){:is(html,body).o3-product .o3-scope .freshness-metrics,:is(html,body).o3-product .o3-scope .source-steps,:is(html,body).o3-product .o3-scope .test-layer-grid,:is(html,body).o3-product .o3-scope .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .freshness-visual{min-height: 430px;}
:is(html,body).o3-product .o3-scope .freshness-score{right: 18px;
    bottom: 18px;
    width: 126px;
    height: 126px;}
:is(html,body).o3-product .o3-scope .freshness-score strong{font-size: 39px;}
:is(html,body).o3-product .o3-scope .source-hero{min-height: 610px;
    align-items: flex-end;}
:is(html,body).o3-product .o3-scope .source-hero-scrim{background: linear-gradient(180deg,rgba(0,45,48,.04) 18%,rgba(0,45,48,.45) 52%,rgba(0,45,48,.96) 100%);}
:is(html,body).o3-product .o3-scope .source-hero > div:last-child{width: 100%;
    padding: 34px 24px;}
:is(html,body).o3-product .o3-scope .source-hero h2{font-size: 42px;}
:is(html,body).o3-product .o3-scope .source-steps{margin-inline: 14px;}
:is(html,body).o3-product .o3-scope .source-steps article{min-height: 190px;
    padding: 20px;}
:is(html,body).o3-product .o3-scope .source-steps h3{margin-top: 24px;}
:is(html,body).o3-product .o3-scope .comparison-scroll-hint{display: block;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-position: 82% center;
    transform: none;}
:is(html,body).o3-product .o3-scope .test-layer-grid article{min-height: 0;}
:is(html,body).o3-product .o3-scope .testing-logos{flex-direction: column;}
:is(html,body).o3-product .o3-scope .testing-header .testing-logos img{width: 70px;
    height: 70px;}
:is(html,body).o3-product .o3-scope .button-light-secondary{margin: 8px 0 0;}
:is(html,body).o3-product .o3-scope .o3-awards img,:is(html,body).o3-product .o3-scope .o3-awards img:last-child:nth-child(odd){height: 80px;}}
@media (max-width: 520px){:is(html,body).o3-product .o3-scope .quick-proof strong{font-size: 15px;}
:is(html,body).o3-product .o3-scope .quick-proof span{font-size: 13px;}
:is(html,body).o3-product .o3-scope .freshness-content{padding: 34px 20px;}
:is(html,body).o3-product .o3-scope .freshness-content h2,:is(html,body).o3-product .o3-scope .source-hero h2{font-size: 38px;
    line-height: 1.02;}
:is(html,body).o3-product .o3-scope .freshness-metrics article{min-height: 112px;
    padding: 13px;}
:is(html,body).o3-product .o3-scope .freshness-metrics strong{font-size: 27px;}
:is(html,body).o3-product .o3-scope .source-certification{width: calc(100% - 28px);
    grid-template-columns: 58px minmax(0,1fr);
    margin-inline: 14px;
    padding: 13px;}
:is(html,body).o3-product .o3-scope .source-certification img{width: 58px;
    height: 58px;}
:is(html,body).o3-product .o3-scope .source-certification > b{display: none;}
:is(html,body).o3-product .o3-scope .freshness-metrics .is-total{grid-column: 1 / -1;}
:is(html,body).o3-product .o3-scope .source-steps,:is(html,body).o3-product .o3-scope .test-layer-grid{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .source-steps article{min-height: 160px;}
:is(html,body).o3-product .o3-scope .story-fact > strong{font-size: 30px;}
:is(html,body).o3-product .o3-scope .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).o3-product .o3-scope .research-voice-grid article{grid-template-columns: 1fr;}
:is(html,body).o3-product .o3-scope .research-voice-grid img{height: 300px;}
:is(html,body).o3-product .o3-scope .claim-image{width: 112px;
    height: 112px;}
:is(html,body).o3-product .o3-scope .final-cta > img{transform: translateX(16%) scale(1.1);}}
@media (prefers-reduced-motion: reduce){:is(html,body).o3-product .o3-term-tooltip{transition: none;}}
:is(html,body).o3-product .o3-scope .story-fact{min-width: 0;
  overflow: hidden;}
:is(html,body).o3-product .o3-scope .story-fact > strong{display: block;
  max-width: 100%;
  font-size: clamp(31px,2.65vw,39px);
  line-height: 1;}
:is(html,body).o3-product .o3-scope .freshness-visual > img{transform: scale(1.12);
  transform-origin: center;}
:is(html,body).o3-product .o3-scope .o3-fit{background: #bff0ec;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-fit: contain;
  object-position: right bottom;
  transform: none;
  background: #bff0ec;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{background: linear-gradient(90deg,#004f4c 0%,rgba(0,79,76,.97) 40%,rgba(0,79,76,.62) 62%,rgba(0,79,76,.04) 82%);}
:is(html,body).o3-product .o3-scope .testing-ai,:is(html,body).o3-product .o3-scope .testing-ai p{color: #fff;}
:is(html,body).o3-product .o3-scope .final-cta > img{object-position: calc(50% + 200px) 42%;
  transform: scale(1.08);}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope .comparison-table{grid-template-columns: 116px 148px 160px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;}
:is(html,body).o3-product .o3-scope .comparison-head{min-height: 180px;
    grid-template-rows: 112px 44px;
    padding: 14px 10px;
    font-size: 14px;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 112px;
    height: 112px;}
:is(html,body).o3-product .o3-scope .comparison-head-other.o3-generic-pack > img{width: 76px;
    height: 94px;}
:is(html,body).o3-product .o3-scope .comparison-head strong{padding-top: 8px;}
:is(html,body).o3-product .o3-scope .comparison-label,:is(html,body).o3-product .o3-scope .comparison-value{min-width: 0;
    min-height: 82px;
    padding: 10px 8px;
    font-size: 13px;
    line-height: 1.3;
    overflow-wrap: anywhere;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{position: relative;
    inset: auto;
    width: 100%;
    height: 470px;
    object-fit: contain;
    object-position: center bottom;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{top: 0;
    bottom: auto;
    height: 470px;
    background: linear-gradient(180deg,rgba(0,79,76,0) 52%,#004f4c 100%);}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-content{width: 100%;
    padding: 32px 20px 28px;
    background: #004f4c;}
:is(html,body).o3-product .o3-scope .final-cta > img{object-position: 58% 42%;
    transform: scale(1.1);}}
@media (max-width: 430px){:is(html,body).o3-product .o3-scope .comparison-table{grid-template-columns: 96px 148px 160px;}
:is(html,body).o3-product .o3-scope .comparison-head{min-height: 150px;
    grid-template-rows: 86px 44px;
    padding: 10px 6px;
    font-size: 13px;
    line-height: 1.22;}
:is(html,body).o3-product .o3-scope .comparison-head-puori img{width: 86px;
    height: 86px;}
:is(html,body).o3-product .o3-scope .comparison-head-other.o3-generic-pack > img{width: 58px;
    height: 72px;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo,:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{height: 430px;}}
@media (max-width: 860px){:is(html,body).o3-product .o3-scope .claims-section,:is(html,body).o3-product .o3-scope .freshness-section,:is(html,body).o3-product .o3-scope .source-section{width: auto;
    margin-right: 16px;
    margin-left: 16px;}}
@media (max-width: 600px){:is(html,body).o3-product .o3-scope .o3-performance-card{min-height: 620px;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-copy{padding-top: 0;}
:is(html,body).o3-product .o3-scope .o3-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,.01) 34%,rgba(3,20,18,.1) 52%,rgba(3,20,18,.64) 70%,rgba(3,20,18,.96) 86%,rgba(3,20,18,.99) 100%);}
:is(html,body).o3-product .o3-scope .benefit-claims article{display: grid;
    min-height: 0;
    grid-template-columns: minmax(0,1fr) 96px;
    grid-template-rows: auto auto auto;
    column-gap: 14px;
    padding: 22px 20px;}
:is(html,body).o3-product .o3-scope .benefit-claims .claim-image{grid-column: 2;
    grid-row: 1;
    width: 92px;
    height: 92px;
    justify-self: end;
    margin: 0;}
:is(html,body).o3-product .o3-scope .benefit-claims h3{grid-column: 1;
    grid-row: 1;
    align-self: center;
    margin: 0;
    font-size: 32px;}
:is(html,body).o3-product .o3-scope .benefit-claims p{grid-column: 1 / -1;
    grid-row: 2;
    margin: 14px 0 12px;
    font-size: 17px;}
:is(html,body).o3-product .o3-scope .benefit-claims small{grid-column: 1 / -1;
    grid-row: 3;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo,:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-scrim{height: 350px;}
:is(html,body).o3-product .o3-scope .o3-fit .mixing-comfort-photo{object-fit: cover;
    object-position: 50% 68%;}
:is(html,body).o3-product .o3-scope .testing-header h2{line-height: 1.08;}
:is(html,body).o3-product .o3-scope .test-results strong{max-width: 100%;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -.02em;
    white-space: nowrap;}
:is(html,body).o3-product .o3-scope .final-cta-copy > .section-kicker{text-shadow: 0 1px 3px rgba(0,0,0,.34);}}
:is(html,body).o3-product .o3-scope .faq-list .faq-more{margin: 8px 0 20px;}
:is(html,body).o3-product .o3-scope .o3-performance-card .o3-performance-picture{position: absolute;
  inset: 0;
  display: block;}
:is(html,body).o3-product .o3-scope .o3-performance-card .o3-performance-picture img{display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;}

/* Shoptet integration and late recurring-component hardening. */
:is(html, body).o3-product{--o3-ink: #172423;
  --o3-muted: #667674;
  --o3-line: #c9dcda;
  --o3-line-strong: #b7d2cf;
  --o3-soft: #f3f7f6;
  --o3-tint: #e7f4f2;
  --o3-surface: #fff;
  --o3-accent: #006460;
  --o3-accent-dark: #004f4c;
  --o3-promo: #a53c2f;
  --o3-promo-soft: #fff3f0;
  --o3-positive: #16874b;
  --o3-gold: #d88900;
  --o3-radius: 8px;
  --accent: var(--o3-accent);
  --accent-dark: var(--o3-accent-dark);
  --accent-soft: var(--o3-tint);
  --ink: var(--o3-ink);
  --muted: var(--o3-muted);
  --line: var(--o3-line);
  --soft: var(--o3-soft);
  --surface: var(--o3-surface);
  --promo: var(--o3-promo);
  --radius: var(--o3-radius);}
:is(html, body).o3-product #o3-short,:is(html, body).o3-product #o3-long,:is(html, body).o3-product #o3-video-dialog{font-family: inherit !important;}
:is(html, body).o3-product #o3-short,:is(html, body).o3-product #o3-long{box-sizing: border-box;
  color: var(--o3-ink);}
:is(html, body).o3-product #o3-short *,:is(html, body).o3-product #o3-long *,:is(html, body).o3-product #o3-video-dialog *{box-sizing: border-box;}
:is(html, body).o3-product #o3-short img,:is(html, body).o3-product #o3-long img{max-width: 100%;}
:is(html, body).o3-product #o3-short{width: 100%;
  max-width: 100%;
  margin: 22px 0 6px;
  background: transparent;}
:is(html, body).o3-product #o3-short .audience-tags,:is(html, body).o3-product #o3-short .quick-proof,:is(html, body).o3-product #o3-short .women-insight{max-width: 100%;}
:is(html, body).o3-product .p-short-description .vice-info,:is(html, body).o3-product .social-buttons-wrapper{display: none !important;}
:is(html, body).o3-product .p-detail-tabs-wrapper .shp-tabs-row{display: none !important;}
:is(html, body).o3-product #description > .description-inner > h3:first-child,:is(html, body).o3-product #description > .tab-mobil.tab-popis{display: none !important;}
:is(html, body).o3-product #description .description-inner{max-width: none;
  padding-top: 0;}
:is(html, body).o3-product #o3-long{width: min(1220px, 100%);
  max-width: 100%;
  margin-inline: auto;
  background: transparent;}
:is(html, body).o3-product #o3-short a,:is(html, body).o3-product #o3-long a{text-decoration: none !important;}
@media (hover: hover) and (pointer: fine){:is(html, body).o3-product #o3-long .routine-content > a:hover,:is(html, body).o3-product #o3-long .faq-more:hover,:is(html, body).o3-product #o3-long .methodology-links a:hover{text-decoration: underline !important;
    text-underline-offset: 3px;}}
:is(html, body).o3-product #product-detail-form .availability-value{display: flex !important;
  min-width: 0;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  color: var(--o3-muted);
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;}
:is(html, body).o3-product #product-detail-form .availability-label{display: inline-flex;
  align-items: center;
  font-weight: 800;}
:is(html, body).o3-product #product-detail-form .availability-label::after{content: ".\00a0";}
:is(html, body).o3-product #product-detail-form .delivery-time{display: inline-flex !important;
  align-items: center;}
:is(html, body).o3-product #product-detail-form .delivery-time::before{content: none;}
:is(html, body).o3-product #product-detail-form .delivery-in-detail{display: block !important;
  width: auto !important;
  margin: 0 !important;}
:is(html, body).o3-product #product-detail-form .delivery-in-detail th{display: block !important;
  width: auto !important;
  padding: 0 !important;}
:is(html, body).o3-product #product-detail-form .delivery-time-label{display: none !important;}
:is(html, body).o3-product #product-detail-form .shipping-options{margin-left: 4px;
  color: var(--o3-accent);
  font-weight: 700;
  text-underline-offset: 2px;}
:is(html, body).o3-product #product-detail-form .shipping-options::before{display: none !important;}
:is(html, body).o3-product .o3-benefit-banner{box-sizing: border-box;
  max-width: 100%;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__picture{display: grid !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  place-items: center;
  margin: 0 !important;
  background-size: contain !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__picture > div{display: grid;
  width: 44px;
  height: 44px;
  place-items: center;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__img{display: block !important;
  width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain;}
:is(html, body).o3-product #o3-long .benefit-claims article{display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px;
  grid-template-rows: auto auto auto;
  column-gap: 18px;
  align-content: start;}
:is(html, body).o3-product #o3-long .benefit-claims .claim-image{grid-column: 2;
  grid-row: 1;
  width: 112px !important;
  height: 112px !important;
  align-self: center;
  justify-self: end;
  margin: 0 !important;
  object-fit: contain;}
:is(html, body).o3-product #o3-long .benefit-claims h3{grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0 !important;}
:is(html, body).o3-product #o3-long .benefit-claims p{grid-column: 1 / -1;
  grid-row: 2;}
:is(html, body).o3-product #o3-long .benefit-claims small{grid-column: 1 / -1;
  grid-row: 3;}
@media (min-width: 768px){:is(html, body).o3-product #product-detail-form .p-short-description{margin-bottom: 10px !important;
    padding-bottom: 0 !important;}
:is(html, body).o3-product .o3-benefit-banner{display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--o3-line);
    border-bottom: 1px solid var(--o3-line);
    background: transparent !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__item{width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__item:nth-child(even){border-left: 1px solid var(--o3-line) !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__item:nth-child(n + 3){border-top: 1px solid var(--o3-line) !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__link{display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--o3-ink) !important;
    text-decoration: none !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__picture{width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    background-size: contain !important;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__content{min-width: 0;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__title{display: block;
    color: var(--o3-ink) !important;
    font-size: 15px;
    line-height: 1.25;}
:is(html, body).o3-product .o3-benefit-banner .benefitBanner__data{margin-top: 4px;
    color: var(--o3-muted) !important;
    font-size: 14px;
    line-height: 1.35;}}
@media (max-width: 600px){:is(html, body).o3-product #o3-long .benefit-claims article{grid-template-columns: minmax(0, 1fr) 96px;
    column-gap: 14px;}
:is(html, body).o3-product #o3-long .benefit-claims .claim-image{width: 92px !important;
    height: 92px !important;}}
:is(html, body).o3-product .o3-content-nav{position: relative !important;
  top: auto !important;
  z-index: auto !important;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
  padding: 12px;
  border: 1px solid var(--o3-line) !important;
  border-radius: var(--o3-radius) !important;
  background: var(--o3-soft) !important;
  backdrop-filter: none !important;}
:is(html, body).o3-product .o3-content-nav .content-nav-inner{display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none !important;}
:is(html, body).o3-product .o3-content-nav .content-nav-inner::-webkit-scrollbar{display: none !important;}
:is(html, body).o3-product .o3-content-nav a{display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border: 1px solid var(--o3-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--o3-accent) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  white-space: nowrap;}
:is(html, body).o3-product .o3-content-nav a:hover,:is(html, body).o3-product .o3-content-nav a:focus,:is(html, body).o3-product .o3-content-nav a:focus-visible{border-color: var(--o3-accent) !important;
  background: var(--o3-tint) !important;
  color: var(--o3-accent-dark) !important;
  text-decoration: none !important;}
:is(html, body).o3-product .o3-content-nav a:focus-visible{outline: 2px solid var(--o3-accent);
  outline-offset: 2px;}
:is(html, body).o3-product .o3-content-nav a.is-active{border-color: var(--o3-accent) !important;
  background: var(--o3-accent) !important;
  color: #fff !important;}
:is(html, body).o3-product #o3-long .stars,:is(html, body).o3-product #o3-long .review-stars{color: var(--o3-gold) !important;
  letter-spacing: 2px;}
:is(html, body).o3-product #o3-long .review-grid blockquote p{color: #33403e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;}
:is(html, body).o3-product #o3-long .review-grid footer small{color: var(--o3-muted) !important;
  font-weight: 500 !important;}
:is(html, body).o3-product #o3-long .video-grid{display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(250px, 31%) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--o3-accent) var(--o3-line);}
:is(html, body).o3-product #o3-long .video-grid .video-card{box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none;
  scroll-snap-align: start;}
:is(html, body).o3-product #o3-video-dialog[open]{position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: var(--o3-radius) !important;
  background: #071f1e !important;
  color: #fff !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, .4) !important;}
:is(html, body).o3-product #o3-video-dialog::backdrop{background: rgba(2, 24, 22, .76) !important;}
:is(html, body).o3-product #o3-video-dialog .media-dialog__head{display: flex !important;
  min-height: 58px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 16px !important;
  background: #102e2b !important;
  color: #fff !important;}
:is(html, body).o3-product #o3-video-dialog .media-dialog__head button{display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  cursor: pointer !important;}
:is(html, body).o3-product #o3-video-dialog .media-dialog__body{display: grid;
  min-height: min(76dvh, 680px);
  place-items: center;
  background: #000;}
:is(html, body).o3-product #o3-video-dialog video,:is(html, body).o3-product #o3-video-dialog iframe{display: block;
  width: 100% !important;
  height: min(76dvh, 680px) !important;
  max-height: min(76dvh, 680px) !important;
  border: 0;
  background: #000;
  object-fit: contain;}
:is(html, body).o3-product #o3-video-dialog.is-certification{width: min(1160px, calc(100vw - 32px)) !important;
  background: #fff !important;}
:is(html, body).o3-product #o3-video-dialog.is-certification .media-dialog__body{min-height: 0 !important;
  padding: 12px !important;
  background: #eef3f2 !important;}
:is(html, body).o3-product #o3-video-dialog .o3-cert-modal-image{display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: calc(100dvh - 106px) !important;
  border-radius: 4px;
  object-fit: contain;}
:is(html, body).o3-product #o3-long .section-kicker:not(.section-kicker-light){color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;}
:is(html, body).o3-product #o3-long .faq-aside{position: sticky;
  top: 82px;}
:is(html, body).o3-product #o3-long .faq-awards{display: block;}
:is(html, body).o3-product #o3-long .comparison-table,:is(html, body).o3-product #o3-long .routine-section,:is(html, body).o3-product #o3-long .mixing-comfort,:is(html, body).o3-product #o3-long .reviews-section,:is(html, body).o3-product #o3-long .video-card,:is(html, body).o3-product #o3-long .faq-section,:is(html, body).o3-product #o3-long .final-cta{border-radius: var(--o3-radius) !important;}
@media (max-width: 767px){:is(html, body).o3-product #product-detail-form .p-short-description{margin-bottom: 10px !important;
    padding-bottom: 0 !important;}
:is(html, body).o3-product #product-detail-form .availability-value{gap: 3px;
    min-height: 36px;
    margin: 0 0 12px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--o3-line);
    border-radius: 6px;
    background: var(--o3-soft);
    font-size: 12px;
    letter-spacing: -.01em;}
:is(html, body).o3-product #product-detail-form .shipping-options{display: inline-grid !important;
    width: 26px;
    min-width: 26px;
    height: 26px;
    place-items: center;
    margin-left: 1px;
    overflow: hidden;
    font-size: 0;
    text-decoration: none;}
:is(html, body).o3-product #product-detail-form .shipping-options::before{display: block !important;
    margin: 0 !important;
    font-size: 18px;
    line-height: 1;}
:is(html, body).o3-product #product-detail-form .price-final-holder{font-size: 36px !important;
    line-height: 1.1;}
:is(html, body).o3-product .o3-content-nav{width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 14px !important;}
:is(html, body).o3-product .o3-content-nav .content-nav-inner{justify-content: flex-start !important;}
:is(html, body).o3-product #o3-long .video-grid{grid-auto-columns: minmax(250px, 82vw) !important;}
:is(html, body).o3-product #o3-long .comparison-section{overflow: visible !important;}
:is(html, body).o3-product #o3-long .comparison-table{max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch;}
:is(html, body).o3-product #o3-long .comparison-scroll-hint{display: block !important;
    color: var(--o3-accent) !important;
    font-size: 14px !important;
    font-weight: 800 !important;}
:is(html, body).o3-product #o3-long .faq-aside{position: static;
    top: auto;}
:is(html, body).o3-product #o3-long .faq-awards{display: block !important;}}
@media (max-width: 376px){:is(html, body).o3-product #o3-short .quick-proof strong{font-size: 15px;}
:is(html, body).o3-product .o3-content-nav a{padding-inline: 11px;}}
:is(html, body).o3-product #o3-long .o3-performance-card .performance-card-copy h3,:is(html, body).o3-product #o3-long .story-fact-primary > strong,:is(html, body).o3-product #o3-long .mixing-comfort .mixing-comfort-intro h2,:is(html, body).o3-product #o3-long .video-card .video-copy strong,:is(html, body).o3-product #o3-long .final-cta .final-cta-copy h2,:is(html, body).o3-product #o3-video-dialog .media-dialog__head strong{color: #fff !important;}
:is(html, body).o3-product #o3-long .comparison-head-puori img{width: 184px !important;
  height: 184px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;}
@media (max-width: 860px){:is(html, body).o3-product #o3-long .comparison-head-puori img{width: 112px !important;
    height: 112px !important;}}
@media (max-width: 430px){:is(html, body).o3-product #o3-long .comparison-head-puori img{width: 86px !important;
    height: 86px !important;}}
:is(html, body).o3-product #o3-long .o3-performance-card .performance-card-copy p,:is(html, body).o3-product #o3-long .mixing-comfort .mixing-comfort-points article:first-of-type p{color: #fff !important;}
:is(html, body).o3-product #o3-long .story-fact-primary p{color: #d8ecea !important;}
:is(html, body).o3-product #o3-long .o3-performance-card .performance-card-copy small{color: rgba(255, 255, 255, .78) !important;}
:is(html, body).o3-product #o3-long .story-fact-primary > span{color: #cbe5e2 !important;}
:is(html, body).o3-product #o3-long .mixing-comfort .mixing-comfort-intro > p:not(.section-kicker){color: #d5e9e6 !important;}
:is(html, body).o3-product #o3-long .mixing-comfort .mixing-comfort-points article:first-of-type h3{color: #a9dfda !important;}
:is(html, body).o3-product #o3-long .mixing-comfort .mixing-comfort-points article:first-of-type small{color: #d2e7e4 !important;}
:is(html, body).o3-product #o3-long .video-card .video-copy small{color: rgba(255, 255, 255, .76) !important;}
:is(html, body).o3-product #o3-long .final-cta .final-cta-copy p{color: rgba(255, 255, 255, .86) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;}
:is(html, body).o3-product #o3-long .final-cta .final-cta-copy h2{text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;}
:is(html, body).o3-product #o3-long .section-kicker-light,:is(html, body).o3-product #o3-long .final-cta .section-kicker-light{color: #c8f1ed !important;}
:is(html, body).o3-product #o3-long .o3-performance-card .section-kicker-light{color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;}
:is(html, body).o3-product #o3-long .mixing-comfort,:is(html, body).o3-product #o3-long .video-card,:is(html, body).o3-product #o3-long .final-cta{color: #fff !important;}
:is(html, body).o3-product #o3-long .final-cta .button-light{display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #006460 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;}
:is(html, body).o3-product #o3-long .video-card .play-icon{display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .64) !important;
  border-radius: 50% !important;
  background: rgba(0, 50, 47, .68) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;}
:is(html, body).o3-product #o3-video-dialog .media-dialog__head button,:is(html, body).o3-product #o3-video-dialog .media-dialog__head button:hover,:is(html, body).o3-product #o3-video-dialog .media-dialog__head button:focus,:is(html, body).o3-product #o3-video-dialog .media-dialog__head button:focus-visible{border-color: rgba(255, 255, 255, .5) !important;
  background: transparent !important;
  color: #fff !important;}
:is(html, body).o3-product #description #o3-long .o3-performance-card .performance-card-copy > p.section-kicker.section-kicker-light{color: #d9fffb !important;
  -webkit-text-fill-color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;}
:is(html, body).o3-product #description #o3-long #testing h2,:is(html, body).o3-product #description #o3-long #testing .test-results strong{color: #fff !important;
  -webkit-text-fill-color: #fff !important;}
:is(html, body).o3-product #product-detail-form .tpmove-variant-row-original{position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;}
:is(html, body).o3-product #product-detail-form .tpmove-variant-ui{scroll-margin-top: 96px;}
:is(html, body).o3-product #product-detail-form .o3-variant-ui{margin: 18px 0 20px;
  padding: 18px;
  border: 1px solid var(--o3-line-strong);
  border-radius: 8px;
  background: var(--o3-soft);
  box-shadow: none;}
:is(html, body).o3-product #product-detail-form .o3-variant-ui .tpmove-variant-ui-title{display: block;
  margin-bottom: 4px;
  color: var(--o3-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;}
:is(html, body).o3-product #product-detail-form .o3-variant-ui .tpmove-variant-ui-subtitle{margin: 0 0 14px;
  color: var(--o3-muted);
  font-size: 14px;}
:is(html, body).o3-product #product-detail-form .o3-variant-ui .tpmove-variant-cards{display: grid;
  grid-template-columns: 1fr;
  gap: 18px;}
:is(html, body).o3-product #product-detail-form .o3-variant-card{position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  min-height: 116px;
  padding: 16px;
  border: 1px solid var(--o3-line-strong);
  border-radius: 7px;
  background: var(--o3-surface);
  color: var(--o3-ink);
  font: inherit;
  text-align: left;
  box-shadow: none;
  cursor: pointer;}
:is(html, body).o3-product #product-detail-form .o3-variant-card:hover{transform: none;}
:is(html, body).o3-product #product-detail-form .o3-variant-card.is-active{border-color: var(--o3-accent);
  background: var(--o3-tint);
  box-shadow: 0 0 0 2px rgb(0 100 96 / .08);}
:is(html, body).o3-product #product-detail-form .o3-variant-card.is-active::after{display: none !important;
  content: none !important;}
:is(html, body).o3-product #product-detail-form .o3-variant-card .tpmove-variant-card-badge{position: absolute;
  top: -11px;
  left: 12px;
  margin: 0;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--o3-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 800;}
:is(html, body).o3-product #product-detail-form .o3-variant-card .tpmove-variant-card-name{margin: 0;
  color: var(--o3-ink);
  font-size: 18px;
  font-weight: 800;}
:is(html, body).o3-product #product-detail-form .o3-variant-card .tpmove-variant-card-meta{grid-column: 1;
  margin: 0;
  color: var(--o3-muted);
  font-size: 14px;}
:is(html, body).o3-product #product-detail-form .o3-variant-price{display: flex;
  grid-column: 2;
  grid-row: 1 / span 2;
  flex-direction: column;
  align-items: flex-end;}
:is(html, body).o3-product #product-detail-form .o3-variant-total{color: var(--o3-ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;}
:is(html, body).o3-product #product-detail-form .o3-variant-daily{margin-top: 3px;
  color: var(--o3-muted);
  font-size: 14px;}
:is(html, body).o3-product #product-detail-form .o3-variant-benefits{display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin-top: 7px;
  padding-top: 9px;
  border-top: 1px solid var(--o3-line);
  color: var(--o3-positive);
  font-size: 14px;
  font-weight: 800;}
@media (max-width: 430px){:is(html, body).o3-product #product-detail-form .o3-variant-ui{margin-bottom: 18px;
    padding: 14px;}
:is(html, body).o3-product #product-detail-form .o3-variant-card{min-height: 104px;}}
@media (max-width: 390px){:is(html, body).o3-product #product-detail-form .o3-variant-card{grid-template-columns: 1fr;}
:is(html, body).o3-product #product-detail-form .o3-variant-price{grid-column: 1;
    grid-row: auto;
    align-items: flex-start;}}
@media (prefers-reduced-motion: reduce){:is(html, body).o3-product #product-detail-form .o3-variant-card{transition-duration: .01ms !important;}}


/* c3.css */
/* Puori C3 export. Activated only for Shoptet productId 66. */
:is(html,body).c3-product{color-scheme: light;
  --accent: #006460;
  --accent-dark: #004f4c;
  --accent-soft: #e7f3f1;
  --ink: #172321;
  --muted: #667471;
  --line: #d9e4e1;
  --surface: #ffffff;
  --soft: #f3f7f6;
  --promo: #a53c2f;
  --radius: 8px;
  --content: 1220px;}
:is(html,body).c3-product .c3-scope,:is(html,body).c3-product .c3-scope *{box-sizing: border-box;}
:is(html,body).c3-product .c3-scope button,:is(html,body).c3-product .c3-scope input{font: inherit;}
:is(html,body).c3-product .c3-scope a{color: inherit;}
:is(html,body).c3-product .c3-scope img{display: block; max-width: 100%;}
:is(html,body).c3-product .c3-scope button,:is(html,body).c3-product .c3-scope a{-webkit-tap-highlight-color: transparent;}
:is(html,body).c3-product .c3-scope.content-nav{display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); scrollbar-width: none;}
:is(html,body).c3-product .c3-scope.content-nav::-webkit-scrollbar{display: none;}
:is(html,body).c3-product .c3-scope.content-nav a{flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none;}
:is(html,body).c3-product .c3-scope.content-nav a.is-active{border-color: var(--accent); background: var(--accent); color: #fff;}
:is(html,body).c3-product .c3-scope #formula,:is(html,body).c3-product .c3-scope #ingredients,:is(html,body).c3-product .c3-scope #comparison,:is(html,body).c3-product .c3-scope #routine,:is(html,body).c3-product .c3-scope #reviews,:is(html,body).c3-product .c3-scope #videos,:is(html,body).c3-product .c3-scope #testing,:is(html,body).c3-product .c3-scope #experts,:is(html,body).c3-product .c3-scope #faq{scroll-margin-top: 76px;}
:is(html,body).c3-product .c3-scope .stars{color: #d58a14; letter-spacing: 1px;}
:is(html,body).c3-product .c3-scope h1{margin: 0; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .audience-tags{display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0 24px;}
:is(html,body).c3-product .c3-scope .audience-tags-intro{display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0 0 5px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).c3-product .c3-scope .audience-tags-intro strong{color: var(--ink); font-size: 15px;}
:is(html,body).c3-product .c3-scope .audience-tags a{padding: 5px 9px; border: 1px solid var(--line); border-radius: 4px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms ease, background-color 160ms ease;}
:is(html,body).c3-product .c3-scope .audience-tags a:hover,:is(html,body).c3-product .c3-scope .audience-tags a:focus-visible{border-color: var(--accent); background: var(--accent-soft);}
:is(html,body).c3-product .c3-scope .quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).c3-product .c3-scope .quick-proof a{display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none;}
:is(html,body).c3-product .c3-scope .quick-proof a:nth-child(2n + 1){border-right: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .quick-proof strong{color: var(--accent); font-size: 16px;}
:is(html,body).c3-product .c3-scope .quick-proof span{margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).c3-product .c3-scope .women-insight{display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none;}
:is(html,body).c3-product .c3-scope .women-insight img{width: 82px; height: 82px; object-fit: cover; object-position: 54% center;}
:is(html,body).c3-product .c3-scope .women-insight > span{display: flex; flex-direction: column; padding-block: 10px;}
:is(html,body).c3-product .c3-scope .women-insight strong{color: var(--accent); font-size: 16px;}
:is(html,body).c3-product .c3-scope .women-insight small{margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.3;}
:is(html,body).c3-product .c3-scope .women-insight > b{padding-right: 16px; color: var(--accent); font-size: 20px;}
:is(html,body).c3-product .c3-scope .story-section{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html,body).c3-product .c3-scope .story-intro h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5.5vw, 68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .story-intro p{max-width: 60ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).c3-product .c3-scope .story-grid{display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 14px;}
:is(html,body).c3-product .c3-scope .performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).c3-product .c3-scope .performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: 54% center;}
:is(html,body).c3-product .c3-scope .performance-card-scrim{position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,18,.08) 20%, rgba(3,20,18,.88) 100%);}
:is(html,body).c3-product .c3-scope .performance-card-copy{position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px);}
:is(html,body).c3-product .c3-scope .performance-card-copy h3{max-width: 14ch; margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).c3-product .c3-scope .performance-card-copy p{max-width: 52ch; margin: 0 0 10px; font-size: 17px;}
:is(html,body).c3-product .c3-scope .performance-card-copy small{display: block; max-width: 55ch; color: rgba(255,255,255,.78); font-size: 14px;}
:is(html,body).c3-product .c3-scope .story-facts{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px;}
:is(html,body).c3-product .c3-scope .story-fact{display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--radius); background: var(--soft);}
:is(html,body).c3-product .c3-scope .story-fact-primary{min-height: 250px; background: var(--accent); color: #fff;}
:is(html,body).c3-product .c3-scope .story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html,body).c3-product .c3-scope .story-fact-primary > span{color: #cbe5e2;}
:is(html,body).c3-product .c3-scope .story-fact > strong{margin: 8px 0 4px; color: var(--accent); font-size: clamp(54px, 7vw, 84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).c3-product .c3-scope .story-fact-primary > strong{color: #fff;}
:is(html,body).c3-product .c3-scope .story-fact p{margin: 6px 0 0; color: var(--muted);}
:is(html,body).c3-product .c3-scope .story-fact-primary p{color: #d8ecea;}
:is(html,body).c3-product .c3-scope .section-heading{display: grid; gap: 15px; margin-bottom: 30px;}
:is(html,body).c3-product .c3-scope .section-heading h2{max-width: 18ch; margin: 0; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .section-heading p{max-width: 64ch; margin: 0; color: var(--muted); font-size: 18px;}
:is(html,body).c3-product .c3-scope .comparison-section,:is(html,body).c3-product .c3-scope .routine-section,:is(html,body).c3-product .c3-scope .research-voices,:is(html,body).c3-product .c3-scope .video-section,:is(html,body).c3-product .c3-scope .faq-section,:is(html,body).c3-product .c3-scope .reviews-section,:is(html,body).c3-product .c3-scope .final-cta{margin-top: 72px;}
:is(html,body).c3-product .c3-scope .comparison-section{margin-top: 18px; padding: 54px 0 0; border-top: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .comparison-table{display: grid; grid-template-columns: minmax(190px,.7fr) repeat(2,minmax(260px,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).c3-product .c3-scope .comparison-head{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html,body).c3-product .c3-scope .comparison-head:not(:last-child),:is(html,body).c3-product .c3-scope .comparison-label,:is(html,body).c3-product .c3-scope .comparison-value-puori{border-right: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .comparison-head-puori{background: var(--accent-soft);}
:is(html,body).c3-product .c3-scope .comparison-head-puori img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).c3-product .c3-scope .comparison-head-other{background: var(--soft);}
:is(html,body).c3-product .c3-scope .comparison-head-other img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).c3-product .c3-scope .comparison-head strong{max-width: 20ch;}
:is(html,body).c3-product .c3-scope .comparison-label,:is(html,body).c3-product .c3-scope .comparison-value{display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .comparison-label{font-weight: 800;}
:is(html,body).c3-product .c3-scope .comparison-value{color: var(--muted);}
:is(html,body).c3-product .c3-scope .comparison-value-puori{background: #f5faf9; color: var(--accent); font-weight: 800;}
:is(html,body).c3-product .c3-scope .comparison-scroll-hint{display: none; margin: 10px 0 0; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).c3-product .c3-scope .forms-explainer{margin-top: 22px; padding: clamp(28px,4vw,44px); border-radius: var(--radius); background: var(--ink); color: #fff;}
:is(html,body).c3-product .c3-scope .forms-intro{display: grid; grid-template-columns: .7fr 1.3fr; gap: 12px clamp(30px,5vw,70px); align-items: end;}
:is(html,body).c3-product .c3-scope .forms-intro > span{grid-column: 1; color: #9ddbd5; font-size: 14px; font-weight: 800;}
:is(html,body).c3-product .c3-scope .forms-intro h3{grid-column: 1; max-width: 12ch; margin: 0; color: #fff; font-size: clamp(34px,4vw,52px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).c3-product .c3-scope .forms-intro p{grid-column: 2; grid-row: 1 / span 2; max-width: 55ch; margin: 0; color: #c8d3d0; font-size: 17px;}
:is(html,body).c3-product .c3-scope .forms-source-note{max-width: 86ch; margin: 22px 0 0; color: #aebbb8; font-size: 12px; line-height: 1.45;}
:is(html,body).c3-product .c3-scope .forms-explainer > a{display: inline-block; margin-top: 24px; color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html,body).c3-product .c3-scope .testing-section{margin-top: 18px; padding: clamp(30px,5vw,58px); border-radius: var(--radius); background: var(--accent); color: #fff;}
:is(html,body).c3-product .c3-scope .testing-header{display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start;}
:is(html,body).c3-product .c3-scope .testing-header p{margin: 0 0 8px; color: #bfe4df; font-weight: 800;}
:is(html,body).c3-product .c3-scope .testing-header h2{max-width: 16ch; margin: 0; color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .testing-header img{width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: #dff1ee;}
:is(html,body).c3-product .c3-scope .testing-lead{max-width: 66ch; margin: 24px 0 30px; color: #d7ece9; font-size: 18px;}
:is(html,body).c3-product .c3-scope .test-results{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(255,255,255,.25);}
:is(html,body).c3-product .c3-scope .test-results div{display: flex; flex-direction: column; min-height: 110px; padding: 18px; background: rgba(0,46,43,.64);}
:is(html,body).c3-product .c3-scope .test-results span{color: #cde7e4;}
:is(html,body).c3-product .c3-scope .test-results strong{margin-top: auto; color: #fff; font-size: 22px;}
:is(html,body).c3-product .c3-scope .testing-footer{display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; margin-top: 28px;}
:is(html,body).c3-product .c3-scope .testing-actions{display: flex; align-items: center; gap: 22px;}
:is(html,body).c3-product .c3-scope .testing-actions > a:not(.button){color: #fff; font-weight: 800; text-underline-offset: 4px;}
:is(html,body).c3-product .c3-scope .testing-summary{max-width: 66ch; margin: -10px 0 20px; color: #fff; font-size: 16px;}
:is(html,body).c3-product .c3-scope .testing-summary strong{color: #9ee6de;}
:is(html,body).c3-product .c3-scope .testing-expiry{display: flex; justify-content: space-between; gap: 18px; margin: 14px 0 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; background: rgba(0,46,43,.48); color: #d8efec; font-size: 14px;}
:is(html,body).c3-product .c3-scope .testing-expiry strong{color: #fff; white-space: nowrap;}
:is(html,body).c3-product .c3-scope .testing-batches{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px;}
:is(html,body).c3-product .c3-scope .testing-batches article{display: flex; min-height: 104px; flex-direction: column; padding: 15px 16px; border: 1px solid rgba(255,255,255,.26); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html,body).c3-product .c3-scope .testing-batches article span,:is(html,body).c3-product .c3-scope .testing-batches article small{color: #d8efec;}
:is(html,body).c3-product .c3-scope .testing-batches article strong{margin: auto 0 3px; color: #fff; font-size: 21px;}
:is(html,body).c3-product .c3-scope .testing-batches > p{grid-column: 1 / -1; margin: 0; color: #cfe7e4; font-size: 13px;}
:is(html,body).c3-product .c3-scope .testing-batches > p strong{color: #fff;}
:is(html,body).c3-product .c3-scope .testing-ai{display: grid; grid-template-columns: minmax(0,190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; background: rgba(0,46,43,.48);}
:is(html,body).c3-product .c3-scope .testing-ai p{margin: 0; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html,body).c3-product .c3-scope .testing-ai-actions{display: flex; gap: 8px;}
:is(html,body).c3-product .c3-scope .testing-ai-actions a{--provider-color: #111; --provider-surface: #fff; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: rgba(255,255,255,.08); text-decoration: none; transition: background-color 160ms cubic-bezier(.23,1,.32,1), transform 140ms cubic-bezier(.23,1,.32,1);}
:is(html,body).c3-product .c3-scope .testing-ai-actions a[data-ai-provider="chatgpt"]{--provider-color: #111; --provider-surface: #f4f4f4;}
:is(html,body).c3-product .c3-scope .testing-ai-actions a[data-ai-provider="google-ai"]{--provider-color: #7558e8; --provider-surface: #f3efff;}
:is(html,body).c3-product .c3-scope .testing-ai-actions a:hover,:is(html,body).c3-product .c3-scope .testing-ai-actions a:focus-visible{background: rgba(255,255,255,.18); outline: none;}
:is(html,body).c3-product .c3-scope .testing-ai-actions a:focus-visible{box-shadow: 0 0 0 3px #9fd9d3;}
:is(html,body).c3-product .c3-scope .testing-ai-actions a:active{transform: translateY(1px);}
:is(html,body).c3-product .c3-scope .ai-provider-icon{display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border: 1px solid color-mix(in srgb, var(--provider-color) 24%, transparent); border-radius: 50%; background: var(--provider-surface); object-fit: contain;}
:is(html,body).c3-product .c3-scope .ai-provider-name{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
:is(html,body).c3-product .c3-scope .button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html,body).c3-product .c3-scope .button-light{background: #fff; color: var(--accent);}
:is(html,body).c3-product .c3-scope .routine-section{display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--radius); background: var(--soft);}
:is(html,body).c3-product .c3-scope .routine-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html,body).c3-product .c3-scope .routine-content{display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,6vw,76px);}
:is(html,body).c3-product .c3-scope .routine-content h2{max-width: 11ch; margin: 0 0 18px; font-size: clamp(42px,5vw,66px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .routine-content > p{max-width: 50ch; margin: 0 0 28px; color: var(--muted); font-size: 17px;}
:is(html,body).c3-product .c3-scope .routine-steps{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).c3-product .c3-scope .routine-steps article{display: flex; flex-direction: column; min-height: 112px; padding: 17px; background: var(--surface);}
:is(html,body).c3-product .c3-scope .routine-steps strong{color: var(--accent);}
:is(html,body).c3-product .c3-scope .routine-steps span{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).c3-product .c3-scope .routine-content > a{align-self: flex-start; margin-top: 24px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).c3-product .c3-scope .mixing-comfort{position: relative; display: flex; min-height: 690px; justify-content: flex-start; overflow: hidden; margin-top: 72px; border-radius: var(--radius); background: var(--accent-dark);}
:is(html,body).c3-product .c3-scope .mixing-comfort-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
:is(html,body).c3-product .c3-scope .mixing-comfort-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,47,44,.97) 0%,rgba(0,56,53,.76) 44%,rgba(0,39,37,.1) 72%,rgba(0,39,37,.03) 100%);}
:is(html,body).c3-product .c3-scope .mixing-comfort-content{position: relative; z-index: 1; display: flex; width: min(650px,58%); flex-direction: column; justify-content: center; padding: clamp(38px,5vw,64px);}
:is(html,body).c3-product .c3-scope .mixing-comfort-intro{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).c3-product .c3-scope .mixing-comfort-intro h2{max-width: 13ch; margin: 0 0 16px; color: #fff; font-size: clamp(34px,4vw,50px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).c3-product .c3-scope .mixing-comfort-intro p{max-width: 38ch; margin: 0; color: #d5e9e6;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points{display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 1px; overflow: hidden; margin-top: 28px; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).c3-product .c3-scope .mixing-comfort-points article{display: flex; min-height: 238px; flex-direction: column; padding: clamp(20px,3vw,30px); background: rgba(0,66,62,.91); color: #fff;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points article + article{background: rgba(246,250,249,.96); color: var(--ink);}
:is(html,body).c3-product .c3-scope .mixing-comfort-points h3{margin: 0 0 14px; color: #a9dfda; font-size: 23px; line-height: 1.12; letter-spacing: -.025em;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points article + article h3{color: var(--accent);}
:is(html,body).c3-product .c3-scope .mixing-comfort-points p{margin: 0; color: inherit;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points small{display: block; margin-top: auto; padding-top: 24px; color: #d2e7e4; font-size: 14px; line-height: 1.48;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points article + article small{color: var(--muted);}
:is(html,body).c3-product .c3-scope .research-voices{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .research-voice-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
:is(html,body).c3-product .c3-scope .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).c3-product .c3-scope .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html,body).c3-product .c3-scope .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html,body).c3-product .c3-scope .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).c3-product .c3-scope .research-voice-grid blockquote{margin: 20px 0; font-size: clamp(21px,2.2vw,29px); line-height: 1.18; letter-spacing: -.025em;}
:is(html,body).c3-product .c3-scope .research-voice-grid strong{margin-top: auto;}
:is(html,body).c3-product .c3-scope .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).c3-product .c3-scope .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).c3-product .c3-scope .video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px,31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--accent) var(--line);}
:is(html,body).c3-product .c3-scope .video-card{position: relative; overflow: hidden; min-height: 500px; padding: 0; border: 0; border-radius: var(--radius); background: var(--ink); color: #fff; cursor: pointer; scroll-snap-align: start; text-align: left;}
:is(html,body).c3-product .c3-scope .video-card img{width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform 240ms cubic-bezier(.22,1,.36,1);}
:is(html,body).c3-product .c3-scope .video-card:first-child img,:is(html,body).c3-product .c3-scope .video-card:last-child img{object-position: center; transform: scale(1.35);}
:is(html,body).c3-product .c3-scope .video-card:first-child:hover img,:is(html,body).c3-product .c3-scope .video-card:last-child:hover img{transform: scale(1.38);}
:is(html,body).c3-product .c3-scope .video-card:hover img{transform: scale(1.02);}
:is(html,body).c3-product .c3-scope .video-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,20,18,.88) 100%);}
:is(html,body).c3-product .c3-scope .play-icon{position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; background: rgba(0,50,47,.6); font-size: 18px;}
:is(html,body).c3-product .c3-scope .video-copy{position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column;}
:is(html,body).c3-product .c3-scope .video-copy strong{color: #fff; font-size: 22px; line-height: 1.15;}
:is(html,body).c3-product .c3-scope .video-copy small{margin-top: 6px; color: rgba(255,255,255,.76); font-size: 14px;}
:is(html,body).c3-product .c3-scope .faq-section{display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .faq-list details{border-bottom: 1px solid var(--line);}
:is(html,body).c3-product .c3-scope .faq-list summary{position: relative; padding: 20px 42px 20px 0; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html,body).c3-product .c3-scope .faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).c3-product .c3-scope .faq-list summary::after{content: "+"; position: absolute; top: 18px; right: 4px; color: var(--accent); font-size: 24px; line-height: 1;}
:is(html,body).c3-product .c3-scope .faq-list details[open] summary::after{content: "−";}
:is(html,body).c3-product .c3-scope .faq-list details p{max-width: 68ch; margin: -3px 0 20px; color: var(--muted);}
:is(html,body).c3-product .c3-scope .faq-list .faq-more{display: block; width: fit-content; margin-top: 10px; color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).c3-product .c3-scope .reviews-section{display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(38px,7vw,86px); padding: clamp(32px,5vw,58px); border-radius: var(--radius); background: var(--accent-soft);}
:is(html,body).c3-product .c3-scope .reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).c3-product .c3-scope .reviews-summary > strong{margin: 0 0 4px; color: var(--accent); font-size: clamp(54px,7vw,84px); line-height: .9; letter-spacing: -.06em;}
:is(html,body).c3-product .c3-scope .reviews-summary p{margin: 8px 0 0; color: var(--muted);}
:is(html,body).c3-product .c3-scope .reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: .12em;}
:is(html,body).c3-product .c3-scope .reviews-content h2{margin: 0 0 24px; font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em;}
:is(html,body).c3-product .c3-scope .review-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
:is(html,body).c3-product .c3-scope .review-grid blockquote{display: flex; flex-direction: column; min-height: 220px; margin: 0; padding: 20px; border-radius: 6px; background: #fff;}
:is(html,body).c3-product .c3-scope .review-stars{display: block; margin-bottom: 14px; color: #d58a14; font-size: 18px; line-height: 1; letter-spacing: .08em;}
:is(html,body).c3-product .c3-scope .review-grid p{margin: 0; color: #33403e; font-size: 16px; font-weight: 600;}
:is(html,body).c3-product .c3-scope .review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html,body).c3-product .c3-scope .review-grid footer a{color: var(--muted); font-weight: 700; text-underline-offset: 3px;}
:is(html,body).c3-product .c3-scope .review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html,body).c3-product .c3-scope .faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).c3-product .c3-scope .faq-awards > p{margin: 0 0 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .03em;}
:is(html,body).c3-product .c3-scope .faq-awards-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: center;}
:is(html,body).c3-product .c3-scope .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html,body).c3-product .c3-scope .methodology-note{margin-top: 18px; padding: 0 18px; border: 1px solid #dbe6e3; border-radius: 6px; background: #f8faf9;}
:is(html,body).c3-product .c3-scope .methodology-note summary{position: relative; padding: 14px 34px 14px 0; color: #315e5b; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html,body).c3-product .c3-scope .methodology-note summary::-webkit-details-marker{display: none;}
:is(html,body).c3-product .c3-scope .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html,body).c3-product .c3-scope .methodology-note details[open] summary::after{content: "−";}
:is(html,body).c3-product .c3-scope .methodology-note details > div{padding: 0 0 15px;}
:is(html,body).c3-product .c3-scope .methodology-note p{max-width: none; margin: 6px 0; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html,body).c3-product .c3-scope .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html,body).c3-product .c3-scope .methodology-links a{color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html,body).c3-product .c3-scope .methodology-note small{display: block; margin-top: 10px; color: var(--muted); font-size: 11px;}
@media (min-width: 861px){:is(html,body).c3-product .c3-scope .reviews-summary > strong{font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap;}}
:is(html,body).c3-product .c3-scope .final-cta{position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: #fff;}
:is(html,body).c3-product .c3-scope .final-cta > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%;}
:is(html,body).c3-product .c3-scope .final-cta-scrim{position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,27,25,.94) 0%,rgba(3,27,25,.72) 48%,rgba(3,27,25,.12) 100%);}
:is(html,body).c3-product .c3-scope .final-cta-copy{position: relative; z-index: 2; width: min(620px,62%); padding: clamp(30px,6vw,72px);}
:is(html,body).c3-product .c3-scope .final-cta-copy h2{margin: 0 0 18px; color: #fff; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .final-cta-copy p{margin: 0 0 26px; color: rgba(255,255,255,.82); font-size: 18px;}
@media (max-width: 860px){:is(html,body).c3-product .c3-scope.content-nav{justify-content: flex-start; margin: 32px 16px 0;}
:is(html,body).c3-product .c3-scope h1{font-size: 38px;}
:is(html,body).c3-product .c3-scope .quick-proof a{min-height: 82px; padding: 13px;}
:is(html,body).c3-product .c3-scope .women-insight{grid-template-columns: 78px 1fr auto;}
:is(html,body).c3-product .c3-scope .women-insight img{width: 78px; height: 100%; min-height: 92px;}
:is(html,body).c3-product .c3-scope .story-section{margin: 16px 16px 0; padding-top: 36px;}
:is(html,body).c3-product .c3-scope .story-intro{margin-bottom: 22px;}
:is(html,body).c3-product .c3-scope .story-intro h2{font-size: 42px;}
:is(html,body).c3-product .c3-scope .story-intro p{font-size: 16px;}
:is(html,body).c3-product .c3-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .performance-card{min-height: 560px;}
:is(html,body).c3-product .c3-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .story-fact-primary{grid-column: auto;}
:is(html,body).c3-product .c3-scope .story-fact-primary{min-height: 260px;}
:is(html,body).c3-product .c3-scope .story-fact{min-height: 190px; padding: 20px;}
:is(html,body).c3-product .c3-scope .story-fact > strong{font-size: 60px;}
:is(html,body).c3-product .c3-scope .comparison-section,:is(html,body).c3-product .c3-scope .routine-section,:is(html,body).c3-product .c3-scope .research-voices,:is(html,body).c3-product .c3-scope .video-section,:is(html,body).c3-product .c3-scope .faq-section,:is(html,body).c3-product .c3-scope .reviews-section,:is(html,body).c3-product .c3-scope .final-cta{margin: 52px 16px 0;}
:is(html,body).c3-product .c3-scope .comparison-section{margin-top: 16px; padding-top: 36px;}
:is(html,body).c3-product .c3-scope .section-heading{margin-bottom: 22px;}
:is(html,body).c3-product .c3-scope .section-heading h2{font-size: 42px;}
:is(html,body).c3-product .c3-scope .section-heading p{font-size: 16px;}
:is(html,body).c3-product .c3-scope .comparison-table{grid-template-columns: minmax(116px,.7fr) repeat(2,minmax(142px,1fr)); overflow-x: auto;}
:is(html,body).c3-product .c3-scope .comparison-scroll-hint{display: block;}
:is(html,body).c3-product .c3-scope .comparison-head{min-height: 180px; padding: 14px 10px; font-size: 14px;}
:is(html,body).c3-product .c3-scope .comparison-head-puori img,:is(html,body).c3-product .c3-scope .comparison-head-other img{width: 92px; height: 92px; margin-bottom: 10px;}
:is(html,body).c3-product .c3-scope .comparison-label,:is(html,body).c3-product .c3-scope .comparison-value{min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3;}
:is(html,body).c3-product .c3-scope .forms-explainer{padding: 26px 20px;}
:is(html,body).c3-product .c3-scope .forms-intro{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .forms-intro > span,:is(html,body).c3-product .c3-scope .forms-intro h3,:is(html,body).c3-product .c3-scope .forms-intro p{grid-column: auto; grid-row: auto;}
:is(html,body).c3-product .c3-scope .forms-intro h3{font-size: 38px;}
:is(html,body).c3-product .c3-scope .forms-intro p{margin-top: 6px; font-size: 16px;}
:is(html,body).c3-product .c3-scope .testing-section{margin-top: 14px; padding: 28px 20px;}
:is(html,body).c3-product .c3-scope .testing-header{grid-template-columns: 1fr 70px; gap: 14px;}
:is(html,body).c3-product .c3-scope .testing-header h2{font-size: 40px;}
:is(html,body).c3-product .c3-scope .testing-header img{width: 70px; height: 70px;}
:is(html,body).c3-product .c3-scope .testing-lead{font-size: 16px;}
:is(html,body).c3-product .c3-scope .testing-summary{margin-top: -8px;}
:is(html,body).c3-product .c3-scope .test-results{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).c3-product .c3-scope .test-results div{min-height: 100px; padding: 14px;}
:is(html,body).c3-product .c3-scope .testing-footer{grid-template-columns: 1fr; gap: 18px;}
:is(html,body).c3-product .c3-scope .testing-actions{align-items: stretch; flex-direction: column; gap: 14px;}
:is(html,body).c3-product .c3-scope .testing-actions > a:not(.button){text-align: center;}
:is(html,body).c3-product .c3-scope .testing-ai{grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px;}
:is(html,body).c3-product .c3-scope .routine-section{grid-template-columns: 1fr; min-height: 0;}
:is(html,body).c3-product .c3-scope .routine-photo{height: 430px;}
:is(html,body).c3-product .c3-scope .routine-content{padding: 30px 22px;}
:is(html,body).c3-product .c3-scope .routine-content h2{font-size: 43px;}
:is(html,body).c3-product .c3-scope .mixing-comfort{display: block; min-height: 0; margin: 52px 16px 0; background: var(--accent-dark);}
:is(html,body).c3-product .c3-scope .mixing-comfort-photo{height: 350px; object-position: 72% center;}
:is(html,body).c3-product .c3-scope .mixing-comfort-scrim{height: 370px; background: linear-gradient(180deg,rgba(0,39,37,0) 0%,rgba(0,47,44,.08) 55%,var(--accent-dark) 100%);}
:is(html,body).c3-product .c3-scope .mixing-comfort-content{width: 100%; padding: 330px 20px 28px;}
:is(html,body).c3-product .c3-scope .mixing-comfort-intro h2{max-width: 14ch; font-size: 39px;}
:is(html,body).c3-product .c3-scope .video-grid{grid-auto-columns: minmax(250px,82vw); margin-right: -16px;}
:is(html,body).c3-product .c3-scope .video-card{min-height: 470px;}
:is(html,body).c3-product .c3-scope .research-voices{margin-top: 16px; padding-top: 36px;}
:is(html,body).c3-product .c3-scope .research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 330px;}
:is(html,body).c3-product .c3-scope .research-voice-grid article > div{padding: 22px 18px;}
:is(html,body).c3-product .c3-scope .faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px;}
:is(html,body).c3-product .c3-scope .faq-awards{display: none;}
:is(html,body).c3-product .c3-scope .reviews-section{grid-template-columns: 1fr; padding: 28px 20px;}
:is(html,body).c3-product .c3-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .review-grid blockquote{min-height: 0;}
:is(html,body).c3-product .c3-scope .review-grid footer{margin-top: 10px; padding-top: 0;}
:is(html,body).c3-product .c3-scope .methodology-note{margin: 16px 16px 0; padding: 0 15px;}
:is(html,body).c3-product .c3-scope .final-cta{min-height: 590px;}
:is(html,body).c3-product .c3-scope .final-cta-scrim{background: linear-gradient(180deg,rgba(3,27,25,.18) 15%,rgba(3,27,25,.94) 100%);}
:is(html,body).c3-product .c3-scope .final-cta-copy{align-self: flex-end; width: 100%; padding: 28px 22px;}
:is(html,body).c3-product .c3-scope .final-cta-copy h2{font-size: 43px;}}
@media (max-width: 430px){:is(html,body).c3-product .c3-scope .performance-card{min-height: 500px;}
:is(html,body).c3-product .c3-scope .performance-card-copy h3{font-size: 38px;}
:is(html,body).c3-product .c3-scope .performance-card-copy p{font-size: 15px; line-height: 1.42;}
:is(html,body).c3-product .c3-scope .performance-card-copy small{font-size: 14px;}
:is(html,body).c3-product .c3-scope .story-facts{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .story-fact-primary{grid-column: auto;}
:is(html,body).c3-product .c3-scope .story-fact{min-height: 178px;}
:is(html,body).c3-product .c3-scope .story-fact-primary{min-height: 230px;}
:is(html,body).c3-product .c3-scope .routine-steps{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .routine-steps article{min-height: 0; padding: 18px 20px;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .mixing-comfort-points article{min-height: 210px; padding: 20px;}
:is(html,body).c3-product .c3-scope .comparison-table{grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).c3-product .c3-scope .comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html,body).c3-product .c3-scope .comparison-head-puori img,:is(html,body).c3-product .c3-scope .comparison-head-other img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html,body).c3-product .c3-scope .comparison-label,:is(html,body).c3-product .c3-scope .comparison-value{min-width: 0; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere;}
:is(html,body).c3-product .c3-scope .testing-header h2{font-size: 36px;}
:is(html,body).c3-product .c3-scope .testing-lead{margin-top: 18px;}
:is(html,body).c3-product .c3-scope .testing-expiry{align-items: flex-start; flex-direction: column; gap: 4px;}
:is(html,body).c3-product .c3-scope .testing-batches{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .testing-batches > p{grid-column: auto;}
:is(html,body).c3-product .c3-scope .video-card{min-height: 440px;}
:is(html,body).c3-product .c3-scope .research-voice-grid article{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .research-voice-grid img{height: 260px;}
:is(html,body).c3-product .c3-scope .reviews-section{gap: 22px; padding: 23px 17px;}
:is(html,body).c3-product .c3-scope .reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html,body).c3-product .c3-scope .review-grid blockquote{padding: 17px;}
:is(html,body).c3-product .c3-scope .final-cta-copy h2{font-size: 38px;}}
:is(html,body).c3-product .c3-scope .ingredient-section,:is(html,body).c3-product .c3-scope .testing-section{margin-top: 72px;}
:is(html,body).c3-product .c3-scope .comparison-product-media{display: grid;
  width: 172px;
  height: 172px;
  place-items: center;}
:is(html,body).c3-product .c3-scope .comparison-decision{display: grid;
  grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr);
  gap: 8px 14px;
  align-items: center;
  margin-top: 12px;
  padding: 17px 19px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--soft);
  color: var(--muted);
  font-size: 14px;}
:is(html,body).c3-product .c3-scope .comparison-decision strong{color: var(--accent);}
:is(html,body).c3-product .c3-scope .testing-section .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).c3-product .c3-scope .testing-section .testing-summary{margin: 18px 0 20px;}
:is(html,body).c3-product .c3-scope .testing-section .testing-header img{background: rgba(255,255,255,.94);
  object-fit: contain;}
@media (max-width: 860px){:is(html,body).c3-product .c3-scope .ingredient-section,:is(html,body).c3-product .c3-scope .testing-section{margin: 52px 16px 0;}
:is(html,body).c3-product .c3-scope .comparison-product-media{width: 112px;
    height: 112px;}
:is(html,body).c3-product .c3-scope .comparison-decision{grid-template-columns: 1fr;}}
:is(html,body).c3-product .c3-scope .section-kicker{color: #006460;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;}
:is(html,body).c3-product .c3-scope .section-kicker-light{color: #a9dfda;}
:is(html,body).c3-product .c3-scope .story-lead{display: grid;
  max-width: none;
  gap: 4px;}
:is(html,body).c3-product .c3-scope .story-lead > span,:is(html,body).c3-product .c3-scope .story-lead > strong,:is(html,body).c3-product .c3-scope .section-heading h2 > span,:is(html,body).c3-product .c3-scope .final-cta h2 > span{display: block;}
:is(html,body).c3-product .c3-scope .c3-insight img{object-position: 67% 44%;}
:is(html,body).c3-product .c3-scope .c3-performance-card{min-height: 0;
  aspect-ratio: 1;}
:is(html,body).c3-product .c3-scope .c3-performance-card img{object-position: 66% 46%;}
:is(html,body).c3-product .c3-scope .c3-performance-card .performance-card-copy{width: min(58%,540px); right: auto;}
:is(html,body).c3-product .c3-scope .story-fact > strong{white-space: nowrap;}
:is(html,body).c3-product .c3-scope .story-fact > strong{font-size: clamp(40px,3.5vw,50px); letter-spacing: -.045em;}
:is(html,body).c3-product .c3-scope .term{display: inline;
  padding: 0;
  border: 0;
  border-bottom: 2px dotted currentColor;
  background: transparent;
  color: inherit;
  cursor: help;
  font: inherit;
  line-height: inherit;}
:is(html,body).c3-product .c3-scope .benefit-section{margin-top: 72px;}
:is(html,body).c3-product .c3-scope .benefit-layout{display: grid; grid-template-columns: minmax(320px,.82fr) minmax(0,1.18fr); overflow: hidden; border-radius: var(--radius); background: var(--soft);}
:is(html,body).c3-product .c3-scope .benefit-layout > img{width: 100%; height: 100%; min-height: 640px; object-fit: cover; object-position: 62% center;}
:is(html,body).c3-product .c3-scope .benefit-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 1px; background: var(--line);}
:is(html,body).c3-product .c3-scope .benefit-grid article{display: flex; min-height: 320px; flex-direction: column; padding: clamp(24px,3vw,38px); background: #fff;}
:is(html,body).c3-product .c3-scope .benefit-grid article:first-child{background: var(--accent); color: #fff;}
:is(html,body).c3-product .c3-scope .benefit-grid span{color: #80bdb7; font-size: 14px; font-weight: 800;}
:is(html,body).c3-product .c3-scope .benefit-grid article:first-child span{color: #b9e4df;}
:is(html,body).c3-product .c3-scope .benefit-grid h3{margin: auto 0 12px; color: var(--accent); font-size: clamp(25px,2.4vw,34px); line-height: 1.05; letter-spacing: -.035em;}
:is(html,body).c3-product .c3-scope .benefit-grid article:first-child h3{color: #fff;}
:is(html,body).c3-product .c3-scope .benefit-grid p{margin: 0; color: var(--muted);}
:is(html,body).c3-product .c3-scope .benefit-grid article:first-child p{color: #d8ece9;}
:is(html,body).c3-product .c3-scope .benefit-claims-note{max-width: 86ch; margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5;}
:is(html,body).c3-product .c3-scope .c3-fit .mixing-comfort-photo{object-position: 73% center;
  transform: scale(1.04);}
:is(html,body).c3-product .c3-scope .comparison-decision{grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  padding: 10px;
  background: #edf5f3;}
:is(html,body).c3-product .c3-scope .comparison-decision article{display: flex;
  min-height: 112px;
  flex-direction: column;
  justify-content: center;
  padding: 18px 20px;
  border: 1px solid #c9dcd8;
  border-radius: 5px;
  background: #fff;}
:is(html,body).c3-product .c3-scope .comparison-decision article.comparison-decision-primary{border-color: #82b8b2; background: #dff0ed;}
:is(html,body).c3-product .c3-scope .comparison-decision strong{display: block; margin-bottom: 7px; color: #006460; font-size: 18px; line-height: 1.2;}
:is(html,body).c3-product .c3-scope .comparison-decision span{color: #263735; font-size: 15px; line-height: 1.48;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head{display: grid;
  grid-template-rows: 150px auto;
  align-content: end;
  justify-items: center;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media{display: grid; width: 150px; height: 150px; place-items: center; margin: 0 auto 8px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media img{width: 100%; height: 100%; margin: 0; object-fit: contain;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head-other .comparison-product-media img{width: 100px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-value b{margin-right: .25em;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-value-puori{display: block; align-content: center;}
:is(html,body).c3-product .c3-scope .c3-routine .routine-photo img{object-position: center;}
:is(html,body).c3-product .c3-scope .vegan-section{display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  min-height: 620px;
  overflow: hidden;
  margin-top: 72px;
  border-radius: var(--radius);
  background: linear-gradient(135deg,#f8f4ea 0%,#efe6d6 100%);}
:is(html,body).c3-product .c3-scope .vegan-section > img{width: 100%; height: 100%; object-fit: cover; object-position: 67% center;}
:is(html,body).c3-product .c3-scope .vegan-section > div{display: flex; flex-direction: column; justify-content: center; padding: clamp(36px,5vw,66px);}
:is(html,body).c3-product .c3-scope .vegan-mark{width: 170px; max-height: 92px; margin-bottom: 28px; object-fit: contain; object-position: left center;}
:is(html,body).c3-product .c3-scope .vegan-section h2{max-width: none; margin: 0 0 16px; font-size: clamp(42px,4vw,56px); line-height: 1; letter-spacing: -.05em;}
:is(html,body).c3-product .c3-scope .vegan-section h2 > span{display: block;}
:is(html,body).c3-product .c3-scope .vegan-section .vegan-friendly-line{white-space: nowrap;}
:is(html,body).c3-product .c3-scope .vegan-section p:not(.section-kicker){max-width: 43ch; margin: 0; color: var(--muted); font-size: 17px;}
:is(html,body).c3-product .c3-scope .vegan-section a{align-self: flex-start; margin-top: 24px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).c3-product .c3-scope .video-grid-three{grid-auto-columns: minmax(260px,calc((100% - 24px) / 3));}
:is(html,body).c3-product .c3-scope .video-grid-three .video-card img{transform: none;}
:is(html,body).c3-product .c3-scope .video-grid-three .video-card:hover img{transform: scale(1.02);}
:is(html,body).c3-product .c3-scope .testing-header img{padding: 12px; background: #fff;}
:is(html,body).c3-product .c3-scope .c3-testing-batches{grid-template-columns: repeat(4,minmax(0,1fr));}
:is(html,body).c3-product .c3-scope .research-voices .section-heading h2{max-width: none;}
:is(html,body).c3-product .c3-scope .research-voice-grid article > div > strong.research-expert-name{margin-top: auto; color: var(--ink);}
:is(html,body).c3-product .c3-scope .c3-awards{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).c3-product .c3-scope .c3-awards img:last-child{grid-column: 1 / -1; width: min(100%,140px); justify-self: center;}
@media (min-width: 1101px){:is(html,body).c3-product .c3-scope .story-lead > span,:is(html,body).c3-product .c3-scope .story-lead > strong,:is(html,body).c3-product .c3-scope #ingredients-title > span,:is(html,body).c3-product .c3-scope #benefits-title > span,:is(html,body).c3-product .c3-scope #comparison-title > span{white-space: nowrap;}}
@media (max-width: 980px){:is(html,body).c3-product .c3-scope .c3-performance-card{aspect-ratio: 4 / 5;}
:is(html,body).c3-product .c3-scope .c3-performance-card .performance-card-copy{right: clamp(24px,4vw,48px); width: auto;}
:is(html,body).c3-product .c3-scope .benefit-layout{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .benefit-layout > img{min-height: 500px; max-height: 620px;}
:is(html,body).c3-product .c3-scope .c3-testing-batches{grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width: 860px){:is(html,body).c3-product .c3-scope .comparison-decision{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .c3-fit .mixing-comfort-photo{position: relative; inset: auto; width: 100%; height: 360px; transform: none; object-position: 64% 42%;}
:is(html,body).c3-product .c3-scope .c3-fit .mixing-comfort-scrim{top: 0; bottom: auto; height: 360px; background: linear-gradient(180deg,rgba(0,39,37,0) 45%,rgba(0,47,44,.25) 74%,#004f4c 100%);}
:is(html,body).c3-product .c3-scope .c3-fit .mixing-comfort-content{width: 100%; padding: 28px 20px; background: #004f4c;}
:is(html,body).c3-product .c3-scope .vegan-section{grid-template-columns: 1fr; min-height: 0; margin: 52px 16px 0;}
:is(html,body).c3-product .c3-scope .vegan-section > img{height: 420px; object-position: 62% 42%;}}
@media (max-width: 600px){:is(html,body).c3-product .c3-scope .benefit-section{width: auto; margin-right: 16px; margin-left: 16px;}
:is(html,body).c3-product .c3-scope .story-lead{display: block;}
:is(html,body).c3-product .c3-scope .story-lead > strong{display: block; margin-top: 6px;}
:is(html,body).c3-product .c3-scope .c3-performance-card{min-height: 610px; aspect-ratio: auto;}
:is(html,body).c3-product .c3-scope .c3-performance-card img{object-position: 64% 40%;}
:is(html,body).c3-product .c3-scope .c3-performance-card .performance-card-scrim{background: linear-gradient(180deg,rgba(3,20,18,0) 18%,rgba(3,20,18,.1) 36%,rgba(3,20,18,.58) 60%,rgba(3,20,18,.92) 100%);}
:is(html,body).c3-product .c3-scope .c3-performance-card .performance-card-copy{bottom: 22px;}
:is(html,body).c3-product .c3-scope .c3-routine .routine-content > p{margin-bottom: 12px;}
:is(html,body).c3-product .c3-scope .c3-routine .routine-slow-brew{margin: 0 0 20px;}
:is(html,body).c3-product .c3-scope .benefit-section{margin-top: 54px;}
:is(html,body).c3-product .c3-scope .benefit-layout > img{min-height: 420px; height: 420px; object-position: 64% 38%;}
:is(html,body).c3-product .c3-scope .benefit-grid{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .benefit-grid article{min-height: 220px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table{grid-template-columns: 108px 190px 190px; padding-right: 14px; scroll-padding-right: 14px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head{grid-template-rows: 100px 52px; min-height: 178px; padding: 12px 9px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media{width: 100px; height: 100px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head-other .comparison-product-media img{width: 66px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-label,:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-value{min-height: 94px; padding: 12px 10px; overflow-wrap: anywhere;}
:is(html,body).c3-product .c3-scope .vegan-section > img{height: 340px;}
:is(html,body).c3-product .c3-scope .vegan-section > div{padding: 30px 20px;}
:is(html,body).c3-product .c3-scope .vegan-mark{width: 145px; margin-bottom: 22px;}
:is(html,body).c3-product .c3-scope .video-grid-three{grid-auto-columns: 82%;}
:is(html,body).c3-product .c3-scope .c3-testing-batches{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .test-results{grid-template-columns: 1fr;}}
@media (max-width: 430px){:is(html,body).c3-product .c3-scope .comparison-product-media{width: 86px;
    height: 86px;}}
:is(html,body).c3-product .c3-scope .section-kicker{margin: 0 0 10px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).c3-product .c3-scope .video-card:first-child img{object-position: center; transform: none;}
:is(html,body).c3-product .c3-scope .video-card:first-child:hover img{transform: scale(1.02);}
:is(html,body).c3-product .c3-scope .video-card:nth-child(3) img{object-position: 50% 25%;}
:is(html,body).c3-product .c3-scope .video-card:nth-child(4) img{object-position: 62% center;}
:is(html,body).c3-product .c3-scope.content-nav{display: block;
  overflow: visible;}
:is(html,body).c3-product .c3-scope.content-nav-inner{display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;}
:is(html,body).c3-product .c3-scope.content-nav-inner::-webkit-scrollbar{display: none;}
:is(html,body).c3-product .c3-scope .comparison-head-puori img{transform: scale(1.55);}
:is(html,body).c3-product .c3-scope .quick-proof span{overflow-wrap: anywhere;}
:is(html,body).c3-product .c3-scope .section-kicker-light{color: #a9dfda !important;}
:is(html,body).c3-product .c3-scope .faq-awards > small{display: block;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;}
:is(html,body).c3-product .c3-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 128px);}
:is(html,body).c3-product .c3-scope .media-dialog[open]{position: fixed;
  inset: 0;
  z-index: 100000;
  width: min(520px,calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: var(--radius);
  background: #071f1e;
  color: #fff;}
:is(html,body).c3-product .c3-scope .media-dialog::backdrop{background: rgba(2,24,22,.76);}
:is(html,body).c3-product .c3-scope .media-dialog__head{display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #102e2b;
  color: #fff;}
:is(html,body).c3-product .c3-scope .media-dialog__head button{display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;}
:is(html,body).c3-product .c3-scope .media-dialog__body{display: grid;
  min-height: min(76vh,680px);
  place-items: center;
  background: #000;}
:is(html,body).c3-product .c3-scope .media-dialog__body video,:is(html,body).c3-product .c3-scope .media-dialog__body iframe{display: block;
  width: 100%;
  height: min(76vh,680px);
  max-height: min(76vh,680px);
  border: 0;
  object-fit: contain;}
:is(html,body).c3-product .c3-scope .video-card img{position: absolute;
  inset: 0;}
:is(html,body).c3-product .c3-scope .video-card:nth-child(1) img,:is(html,body).c3-product .c3-scope .video-card:nth-child(2) img,:is(html,body).c3-product .c3-scope .video-card:nth-child(3) img,:is(html,body).c3-product .c3-scope .video-card:nth-child(4) img,:is(html,body).c3-product .c3-scope .video-card:nth-child(5) img,:is(html,body).c3-product .c3-scope .video-card:nth-child(6) img{transform: none;
  object-position: center;}
:is(html,body).c3-product .c3-scope .video-card:hover img,:is(html,body).c3-product .c3-scope .video-card:nth-child(1):hover img,:is(html,body).c3-product .c3-scope .video-card:nth-child(2):hover img,:is(html,body).c3-product .c3-scope .video-card:nth-child(3):hover img,:is(html,body).c3-product .c3-scope .video-card:nth-child(4):hover img,:is(html,body).c3-product .c3-scope .video-card:nth-child(5):hover img,:is(html,body).c3-product .c3-scope .video-card:nth-child(6):hover img{transform: scale(1.02);}
:is(html,body).c3-product .c3-scope .video-card:nth-child(4) img{object-position: 50% 30%;}
:is(html,body).c3-product .c3-scope .video-card:nth-child(5) img,:is(html,body).c3-product .c3-scope .video-card:nth-child(6) img{object-position: 50% 28%;}
@media (max-width: 860px){:is(html,body).c3-product .c3-scope.content-nav-inner{justify-content: flex-start;}}
:is(html,body).c3-product .c3-scope .comparison-head-puori img{width: 150px;
  height: 150px;
  margin-bottom: 8px;
  transform: none;}
:is(html,body).c3-product .c3-scope .reviews-section{grid-template-columns: 280px minmax(0,1fr);
  gap: 30px;
  margin-top: 18px;
  padding: 36px;}
:is(html,body).c3-product .c3-scope .video-section,:is(html,body).c3-product .c3-scope .faq-section,:is(html,body).c3-product .c3-scope .final-cta{margin-top: 18px;}
:is(html,body).c3-product .c3-scope .reviews-content h2{margin-bottom: 18px;
  font-size: 42px;}
:is(html,body).c3-product .c3-scope .faq-section{grid-template-columns: 340px minmax(0,1fr);
  gap: 34px;
  padding: 35px;
  border: 1px solid var(--line);
  border-radius: var(--radius);}
:is(html,body).c3-product .c3-scope .faq-aside h2{max-width: 11ch;
  margin: 0 0 16px;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -.04em;}
:is(html,body).c3-product .c3-scope .faq-aside > p{color: var(--muted);}
:is(html,body).c3-product .c3-scope .faq-awards{margin-top: 20px;}
:is(html,body).c3-product .c3-scope .faq-awards-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
:is(html,body).c3-product .c3-scope .faq-awards-grid img:last-child:nth-child(odd){grid-column: auto;
  width: 100%;}
@media (max-width: 980px){:is(html,body).c3-product .c3-scope .story-facts{grid-template-columns: repeat(2,minmax(0,1fr));}
:is(html,body).c3-product .c3-scope .story-fact-primary{grid-column: auto;}
:is(html,body).c3-product .c3-scope .reviews-section,:is(html,body).c3-product .c3-scope .faq-section{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .review-grid{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .video-grid{grid-auto-columns: minmax(250px,44%);
    margin-right: 0;}}
@media (max-width: 860px){:is(html,body).c3-product .c3-scope .faq-section{gap: 28px;
    padding: 22px;}
:is(html,body).c3-product .c3-scope .faq-awards{display: block;}}
@media (max-width: 600px){:is(html,body).c3-product .c3-scope .comparison-head-puori img{width: 84px;
    height: 84px;
    margin-bottom: 6px;
    transform: none;}
:is(html,body).c3-product .c3-scope .reviews-section{padding: 27px 18px;}
:is(html,body).c3-product .c3-scope .reviews-content h2{font-size: 38px;}
:is(html,body).c3-product .c3-scope .faq-section{padding: 26px 18px;}
:is(html,body).c3-product .c3-scope .faq-aside h2{font-size: 38px;}
:is(html,body).c3-product .c3-scope .faq-awards{display: none;}
:is(html,body).c3-product .c3-scope .video-grid{grid-auto-columns: minmax(250px,82vw);
    margin-right: -16px;}
:is(html,body).c3-product .c3-scope .video-card{min-height: 440px;}}
:is(html,body).c3-product .c3-scope .story-intro h2,:is(html,body).c3-product .c3-scope .final-cta-copy h2{max-width: none;}
:is(html,body).c3-product .c3-scope .story-intro h2 > span,:is(html,body).c3-product .c3-scope .final-cta-copy h2 > span{display: block;
  white-space: nowrap;}
:is(html,body).c3-product .c3-scope .story-intro p strong{color: var(--ink);}
:is(html,body).c3-product .c3-scope .story-grid{grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr);
  align-items: stretch;}
:is(html,body).c3-product .c3-scope .performance-card{min-height: 520px;}
:is(html,body).c3-product .c3-scope .performance-card-copy h3{max-width: 17ch;
  font-size: clamp(33px,3.8vw,50px);}
:is(html,body).c3-product .c3-scope .story-fact,:is(html,body).c3-product .c3-scope .story-fact-primary{min-height: 190px;}
:is(html,body).c3-product .c3-scope .faq-aside{position: sticky;
  top: 82px;}
:is(html,body).c3-product .c3-scope .faq-awards{background: #f7faf9;}
:is(html,body).c3-product .c3-scope .faq-list details p{line-height: 1.62;}
:is(html,body).c3-product .c3-scope .final-cta-copy h2 > span:first-child{white-space: nowrap;}
@media (max-width: 1100px){:is(html,body).c3-product .c3-scope .story-grid{grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr);}
:is(html,body).c3-product .c3-scope .story-intro h2 > span{white-space: normal;}}
@media (max-width: 980px){:is(html,body).c3-product .c3-scope .story-grid{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .performance-card{min-height: 540px;}
:is(html,body).c3-product .c3-scope .faq-aside{position: static;}}
@media (max-width: 600px){:is(html,body).c3-product .c3-scope .story-intro h2 > span,:is(html,body).c3-product .c3-scope .final-cta-copy h2 > span,:is(html,body).c3-product .c3-scope .final-cta-copy h2 > span:first-child{white-space: normal;}
:is(html,body).c3-product .c3-scope .story-intro h2{font-size: 34px;
    line-height: 1.01;}
:is(html,body).c3-product .c3-scope .final-cta-copy h2{font-size: 30px;
    line-height: 1.02;}
:is(html,body).c3-product .c3-scope .performance-card{min-height: 520px;}
:is(html,body).c3-product .c3-scope .faq-awards{display: block;}
:is(html,body).c3-product .c3-scope .comparison-table{grid-template-columns: 150px 280px 280px;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;}
:is(html,body).c3-product .c3-scope .comparison-head{min-height: 178px;
    padding: 14px 12px;
    font-size: 14px;}
:is(html,body).c3-product .c3-scope .comparison-label,:is(html,body).c3-product .c3-scope .comparison-value{min-height: 84px;
    padding: 12px 11px;
    font-size: 14px;
    overflow-wrap: normal;}}
:is(html,body).c3-product .c3-scope .section-kicker{margin: 0 0 10px;
  color: #006460;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .13em;
  text-transform: uppercase;}
:is(html,body).c3-product .c3-scope .section-kicker:not(.section-kicker-light){color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;}
:is(html,body).c3-product .c3-scope .section-kicker-light{color: #c8f1ed !important;}
:is(html,body).c3-product .c3-scope .section-heading h2{line-height: 1.08;}
:is(html,body).c3-product .c3-scope .story-intro h2{line-height: 1.04;}
:is(html,body).c3-product .c3-scope .final-cta-copy h2{line-height: 1.1;}
:is(html,body).c3-product .c3-scope .women-insight{grid-template-columns: 112px minmax(0,1fr) auto;
  min-height: 104px;}
:is(html,body).c3-product .c3-scope .women-insight img{width: 112px;
  height: 100%;
  min-height: 104px;
  object-position: 50% 36%;}
:is(html,body).c3-product .c3-scope .women-insight > span{padding: 12px 0;}
:is(html,body).c3-product .c3-scope .story-grid{align-items: start;}
:is(html,body).c3-product .c3-scope .comparison-head-puori,:is(html,body).c3-product .c3-scope .comparison-head-other{display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: 184px 50px;
  align-content: end;
  align-items: end;
  justify-content: stretch;
  justify-items: center;}
:is(html,body).c3-product .c3-scope .comparison-head-puori img{width: 184px;
  height: 184px;
  margin: 0;
  justify-self: center;
  object-position: center bottom;}
:is(html,body).c3-product .c3-scope .comparison-head-puori strong,:is(html,body).c3-product .c3-scope .comparison-head-other strong{align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding-top: 10px;
  line-height: 1.25;}
@media (min-width: 861px){:is(html,body).c3-product .c3-scope .forms-source-note,:is(html,body).c3-product .c3-scope .video-section .section-heading > p:last-child,:is(html,body).c3-product .c3-scope .research-voices .section-heading > p:last-child{max-width: none;
    white-space: nowrap;}
:is(html,body).c3-product .c3-scope .video-section .section-heading h2{max-width: none;}}
@media (max-width: 600px){:is(html,body).c3-product .c3-scope .section-heading h2{line-height: 1.09;}
:is(html,body).c3-product .c3-scope .story-intro h2{line-height: 1.06;}
:is(html,body).c3-product .c3-scope .final-cta-copy h2{line-height: 1.12;}
:is(html,body).c3-product .c3-scope .women-insight{grid-template-columns: 96px minmax(0,1fr) auto;}
:is(html,body).c3-product .c3-scope .women-insight img{width: 96px;
    min-height: 112px;}}
@media (max-width: 860px){:is(html,body).c3-product .c3-scope .comparison-head-puori,:is(html,body).c3-product .c3-scope .comparison-head-other{grid-template-rows: 112px 44px;}
:is(html,body).c3-product .c3-scope .comparison-head-puori img{width: 112px;
    height: 112px;}
:is(html,body).c3-product .c3-scope .comparison-head-puori strong,:is(html,body).c3-product .c3-scope .comparison-head-other strong{padding-top: 8px;}}
@media (max-width: 430px){:is(html,body).c3-product .c3-scope .comparison-head-puori,:is(html,body).c3-product .c3-scope .comparison-head-other{grid-template-rows: 86px 44px;}
:is(html,body).c3-product .c3-scope .comparison-head-puori img{width: 86px;
    height: 86px;}}
:is(html,body).c3-product .c3-scope .ingredient-section .section-heading{display: block;}
:is(html,body).c3-product .c3-scope .ingredient-section .section-heading h2{margin-bottom: 18px;}
:is(html,body).c3-product .c3-scope .ingredient-section .ingredients-lead{width: 100%;
  max-width: none;}
:is(html,body).c3-product .c3-scope .comparison-dose-context,:is(html,body).c3-product .c3-scope .routine-slow-brew{margin: 0 0 24px;
  padding: 20px 22px;
  border: 1px solid #b9d7d3;
  border-radius: 6px;
  background: #edf6f4;}
:is(html,body).c3-product .c3-scope .comparison-dose-context strong,:is(html,body).c3-product .c3-scope .routine-slow-brew strong{display: block;
  margin-bottom: 7px;
  color: #006460;
  font-size: 18px;
  line-height: 1.25;}
:is(html,body).c3-product .c3-scope .comparison-dose-context p,:is(html,body).c3-product .c3-scope .routine-slow-brew p{max-width: none;
  margin: 0;
  color: #344441;
  font-size: 15px;
  line-height: 1.55;}
:is(html,body).c3-product .c3-scope .routine-slow-brew{margin: 22px 0;
  background: #fff;}
:is(html,body).c3-product .c3-scope .test-results .is-positive{background: rgba(8,92,80,.82);}
:is(html,body).c3-product .c3-scope .result-check{display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  margin-right: 8px;
  border-radius: 50%;
  background: #d8f2e7;
  color: #006460;
  font-size: 15px;
  vertical-align: 3px;}
:is(html,body).c3-product .c3-scope .test-results .is-positive small{margin-top: 5px;
  color: #d8efeb;
  font-size: 12px;
  line-height: 1.35;}
:is(html,body).c3-product .c3-scope .faq-list details:has(.faq-more){padding-bottom: 22px;}
:is(html,body).c3-product .c3-scope .faq-list .faq-more + .faq-more{margin-top: 7px;}
:is(html,body).c3-product .c3-scope .c3-performance-card .section-kicker-light{color: #d8f1ee;
  text-shadow: 0 1px 5px rgba(0,31,29,.9);}
:is(html,body).c3-product .c3-scope .c3-ingredient-showcase{display: grid;
  gap: 1px;
  overflow: hidden;
  margin-top: 34px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 6px;
  background: rgba(255,255,255,.18);}
:is(html,body).c3-product .c3-scope .c3-active-core{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  background: rgba(255,255,255,.18);}
:is(html,body).c3-product .c3-scope .c3-active-core > div{display: flex;
  min-height: 205px;
  flex-direction: column;
  justify-content: center;
  padding: 28px 30px;
  background: #26322f;}
:is(html,body).c3-product .c3-scope .c3-active-core > div:first-child{background: #006f6a;}
:is(html,body).c3-product .c3-scope .c3-active-core span,:is(html,body).c3-product .c3-scope .c3-ingredient-feature span{color: #a9dfda;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;}
:is(html,body).c3-product .c3-scope .c3-active-core strong,:is(html,body).c3-product .c3-scope .c3-ingredient-feature strong{display: block;
  margin-top: 12px;
  color: #fff;
  font-size: clamp(34px,4vw,50px);
  line-height: 1;
  letter-spacing: -.04em;}
:is(html,body).c3-product .c3-scope .c3-active-core p,:is(html,body).c3-product .c3-scope .c3-ingredient-feature p{max-width: 42ch;
  margin: 15px 0 0;
  color: #cfddda;
  font-size: 15px;
  line-height: 1.5;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  height: 420px;
  min-height: 420px;
  background: #26322f;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature > img{width: 100%;
  height: 420px;
  min-height: 0;
  object-fit: cover;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature > div{display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 420px;
  padding: clamp(28px,4vw,48px);}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature h4{margin: 14px 0 0;
  color: #fff;
  font-size: clamp(25px,2.7vw,36px);
  line-height: 1.08;
  letter-spacing: -.035em;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature-reverse > img{grid-column: 2;
  grid-row: 1;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature-reverse > div{grid-column: 1;
  grid-row: 1;}
:is(html,body).c3-product .c3-scope .benefit-layout > img{object-position: 38% center;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media{display: flex;
  width: 150px;
  height: 170px;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media img,:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head-other .comparison-product-media img{display: block;
  width: auto !important;
  max-width: 88px !important;
  height: 155px !important;
  max-height: 155px !important;
  margin: 0 auto !important;
  object-fit: contain;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head{grid-template-rows: 170px auto;}
@media (max-width: 600px){:is(html,body).c3-product .c3-scope .story-fact > strong{font-size: 34px;
    letter-spacing: -.035em;}
:is(html,body).c3-product .c3-scope .comparison-dose-context,:is(html,body).c3-product .c3-scope .routine-slow-brew{padding: 17px 16px;}
:is(html,body).c3-product .c3-scope .c3-active-core{grid-template-columns: 1fr;}
:is(html,body).c3-product .c3-scope .c3-active-core > div{min-height: 0;
    padding: 24px 20px;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature{grid-template-columns: 1fr;
    height: auto;
    min-height: 0;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature > img,:is(html,body).c3-product .c3-scope .c3-ingredient-feature-reverse > img{grid-column: 1;
    grid-row: 1;
    height: 240px;
    min-height: 240px;}
:is(html,body).c3-product .c3-scope .c3-ingredient-feature > div,:is(html,body).c3-product .c3-scope .c3-ingredient-feature-reverse > div{grid-column: 1;
    grid-row: 2;
    min-height: 0;
    padding: 24px 20px 28px;}
:is(html,body).c3-product .c3-scope .benefit-layout > img{object-position: 36% 38%;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media{width: 100px;
    height: 100px;}
:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-product-media img,:is(html,body).c3-product .c3-scope .c3-comparison-table .comparison-head-other .comparison-product-media img{max-width: 58px !important;
    height: 90px !important;
    max-height: 90px !important;}}

/* Shoptet integration and late recurring-component hardening. */
/*
 * Puori C3 — production Shoptet integration layer.
 * Activated only when c3.js verifies native productId 66 and adds
 * .c3-product to the document roots.
 */

:is(html, body).c3-product {
  --c3-ink: #172423;
  --c3-muted: #667674;
  --c3-line: #c9dcda;
  --c3-line-strong: #b7d2cf;
  --c3-soft: #f3f7f6;
  --c3-tint: #e7f4f2;
  --c3-surface: #fff;
  --c3-accent: #006460;
  --c3-accent-dark: #004f4c;
  --c3-promo: #a53c2f;
  --c3-promo-soft: #fff3f0;
  --c3-positive: #16874b;
  --c3-gold: #d88900;
  --c3-radius: 8px;
  --accent: var(--c3-accent);
  --accent-dark: var(--c3-accent-dark);
  --accent-soft: var(--c3-tint);
  --ink: var(--c3-ink);
  --muted: var(--c3-muted);
  --line: var(--c3-line);
  --soft: var(--c3-soft);
  --surface: var(--c3-surface);
  --promo: var(--c3-promo);
  --radius: var(--c3-radius);
}

:is(html, body).c3-product #c3-short,
:is(html, body).c3-product #c3-long,
:is(html, body).c3-product #c3-video-dialog {
  font-family: inherit !important;
}

:is(html, body).c3-product #c3-short,
:is(html, body).c3-product #c3-long {
  box-sizing: border-box;
  color: var(--c3-ink);
}

:is(html, body).c3-product #c3-short *,
:is(html, body).c3-product #c3-long *,
:is(html, body).c3-product #c3-video-dialog * {
  box-sizing: border-box;
}

:is(html, body).c3-product #c3-short img,
:is(html, body).c3-product #c3-long img {
  max-width: 100%;
}

/* Native Shoptet description shell. */
:is(html, body).c3-product #c3-short {
  width: 100%;
  max-width: 100%;
  margin: 22px 0 6px;
  background: transparent;
}

:is(html, body).c3-product #c3-short .audience-tags,
:is(html, body).c3-product #c3-short .quick-proof,
:is(html, body).c3-product #c3-short .women-insight {
  max-width: 100%;
}

:is(html, body).c3-product .p-short-description .vice-info,
:is(html, body).c3-product .social-buttons-wrapper {
  display: none !important;
}

:is(html, body).c3-product .p-detail-tabs-wrapper .shp-tabs-row {
  display: none !important;
}

:is(html, body).c3-product #description > .description-inner > h3:first-child,
:is(html, body).c3-product #description > .tab-mobil.tab-popis {
  display: none !important;
}

:is(html, body).c3-product #description .description-inner {
  max-width: none;
  padding-top: 0;
}

:is(html, body).c3-product #c3-long {
  width: min(1220px, 100%);
  max-width: 100%;
  margin-inline: auto;
  background: transparent;
}

/* Product links must not inherit Shoptet's default underlines. */
:is(html, body).c3-product #c3-short a,
:is(html, body).c3-product #c3-long a {
  text-decoration: none !important;
}

:is(html, body).c3-product #c3-term-tooltip,
:is(html, body).c3-product .c3-term-tooltip {
  position: fixed;
  z-index: 100050;
  width: max-content;
  max-width: min(330px, calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid rgba(0, 100, 96, .24);
  border-radius: 6px;
  background: #123f3c;
  box-shadow: 0 8px 24px rgba(8, 36, 34, .18);
  color: #fff !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px);
  transition: opacity 80ms ease, transform 80ms ease, visibility 80ms;
  pointer-events: none;
}

:is(html, body).c3-product #c3-term-tooltip.is-visible,
:is(html, body).c3-product .c3-term-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).c3-product #c3-long .routine-content > a:hover,
  :is(html, body).c3-product #c3-long .faq-more:hover,
  :is(html, body).c3-product #c3-long .methodology-links a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }
}

/* Native availability and delivery stay authoritative and compact. */
:is(html, body).c3-product #product-detail-form .availability-value {
  display: flex !important;
  min-width: 0;
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  color: var(--c3-muted);
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
}

:is(html, body).c3-product #product-detail-form .availability-label {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
}

:is(html, body).c3-product #product-detail-form .availability-label::after {
  content: ".\00a0";
}

:is(html, body).c3-product #product-detail-form .delivery-time {
  display: inline-flex !important;
  align-items: center;
}

:is(html, body).c3-product #product-detail-form .delivery-time::before {
  content: none;
}

:is(html, body).c3-product #product-detail-form .delivery-in-detail {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

:is(html, body).c3-product #product-detail-form .delivery-in-detail th {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

:is(html, body).c3-product #product-detail-form .delivery-time-label {
  display: none !important;
}

:is(html, body).c3-product #product-detail-form .shipping-options {
  margin-left: 4px;
  color: var(--c3-accent);
  font-weight: 700;
  text-underline-offset: 2px;
}

:is(html, body).c3-product #product-detail-form .shipping-options::before {
  display: none !important;
}

/* Native 1/3/6 quantity choices enhanced by c3.js. */
:is(html, body).c3-product #product-detail-form .quantity-discounts {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  scroll-margin-top: 96px;
}

:is(html, body).c3-product #product-detail-form .quantity-discounts__headline {
  margin-bottom: 12px;
  color: var(--c3-ink) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  text-wrap: balance;
}

:is(html, body).c3-product .c3-quantity-table {
  display: grid !important;
  gap: 14px;
  width: 100%;
}

:is(html, body).c3-product .c3-quantity-table .quantity-discounts__item {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--c3-line-strong) !important;
  border-radius: 6px !important;
  background: var(--c3-surface) !important;
  color: var(--c3-ink);
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 140ms ease;
}

:is(html, body).c3-product .c3-quantity-table .quantity-discounts__item:active {
  transform: scale(.99);
}

:is(html, body).c3-product .c3-quantity-table .quantity-discounts__item:focus-visible {
  outline: 3px solid var(--c3-accent);
  outline-offset: 2px;
}

:is(html, body).c3-product .c3-quantity-table .quantity-discounts__item--highlighted {
  border-color: var(--c3-accent) !important;
  background: var(--c3-tint) !important;
  box-shadow: 0 8px 24px rgb(0 100 96 / .1);
}

:is(html, body).c3-product .c3-quantity-table .c3-quantity-6.quantity-discounts__item--highlighted {
  border-color: var(--c3-promo) !important;
  background: var(--c3-promo-soft) !important;
  box-shadow: 0 8px 24px rgb(165 60 47 / .12);
}

:is(html, body).c3-product .c3-option-copy strong,
:is(html, body).c3-product .c3-option-copy small,
:is(html, body).c3-product .c3-option-price strong,
:is(html, body).c3-product .c3-option-price small {
  display: block;
}

:is(html, body).c3-product .c3-option-copy strong {
  color: var(--c3-ink) !important;
  font-size: 16px;
  font-weight: 800;
}

:is(html, body).c3-product .c3-option-copy small,
:is(html, body).c3-product .c3-option-price small {
  margin-top: 3px;
  color: var(--c3-muted) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

:is(html, body).c3-product .c3-option-price {
  color: var(--c3-ink);
  font-size: 0;
  text-align: right;
}

:is(html, body).c3-product .c3-option-price strong {
  color: var(--c3-ink) !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).c3-product .c3-best-badge {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--c3-promo);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

:is(html, body).c3-product .c3-option-benefits {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding-top: 9px;
  border-top: 1px solid var(--c3-line);
  color: var(--c3-positive);
  font-size: 14px;
  line-height: 1.35;
}

:is(html, body).c3-product .c3-option-benefits b,
:is(html, body).c3-product .c3-option-benefits .c3-free-shipping {
  color: var(--c3-positive) !important;
  font-weight: 800;
}

:is(html, body).c3-product .quantity-discounts__save {
  display: none !important;
}

:is(html, body).c3-product #product-detail-form .price-final-holder {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

:is(html, body).c3-product #product-detail-form .c3-main-price-old {
  color: #b43d32 !important;
  font-size: .62em;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}

:is(html, body).c3-product #product-detail-form .c3-main-price-current {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  :is(html, body).c3-product .c3-quantity-table .quantity-discounts__item:hover {
    border-color: var(--c3-accent) !important;
    background: var(--c3-soft) !important;
  }
}

/* Native shop benefit banner under the gallery on desktop. */
:is(html, body).c3-product .c3-benefit-banner {
  box-sizing: border-box;
  max-width: 100%;
}

@media (min-width: 768px) {
  :is(html, body).c3-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).c3-product .c3-benefit-banner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--c3-line);
    border-bottom: 1px solid var(--c3-line);
    background: transparent !important;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__item {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__item:nth-child(even) {
    border-left: 1px solid var(--c3-line) !important;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__item:nth-child(n + 3) {
    border-top: 1px solid var(--c3-line) !important;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 94px;
    padding: 15px 13px !important;
    color: var(--c3-ink) !important;
    text-decoration: none !important;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__picture {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    background-size: contain !important;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__content {
    min-width: 0;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__title {
    display: block;
    color: var(--c3-ink) !important;
    font-size: 15px;
    line-height: 1.25;
  }

  :is(html, body).c3-product .c3-benefit-banner .benefitBanner__data {
    margin-top: 4px;
    color: var(--c3-muted) !important;
    font-size: 14px;
    line-height: 1.35;
  }
}

/* One source navigation; global TPMOVE creates the sticky desktop/mobile clones. */
:is(html, body).c3-product .c3-content-nav {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 34px 0 18px;
  padding: 12px;
  border: 1px solid var(--c3-line) !important;
  border-radius: var(--c3-radius) !important;
  background: var(--c3-soft) !important;
  backdrop-filter: none !important;
}

:is(html, body).c3-product .c3-content-nav .content-nav-inner {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none !important;
}

:is(html, body).c3-product .c3-content-nav .content-nav-inner::-webkit-scrollbar {
  display: none !important;
}

:is(html, body).c3-product .c3-content-nav a {
  display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border: 1px solid var(--c3-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--c3-accent) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  white-space: nowrap;
}

:is(html, body).c3-product .c3-content-nav a:hover,
:is(html, body).c3-product .c3-content-nav a:focus,
:is(html, body).c3-product .c3-content-nav a:focus-visible {
  border-color: var(--c3-accent) !important;
  background: var(--c3-tint) !important;
  color: var(--c3-accent-dark) !important;
  text-decoration: none !important;
}

:is(html, body).c3-product .c3-content-nav a:focus-visible {
  outline: 2px solid var(--c3-accent);
  outline-offset: 2px;
}

:is(html, body).c3-product .c3-content-nav a.is-active {
  border-color: var(--c3-accent) !important;
  background: var(--c3-accent) !important;
  color: #fff !important;
}

/* Reviews retain the canonical readable hierarchy under Shoptet CSS. */
:is(html, body).c3-product #c3-long .stars,
:is(html, body).c3-product #c3-long .review-stars {
  color: var(--c3-gold) !important;
  letter-spacing: 2px;
}

:is(html, body).c3-product #c3-long .review-grid blockquote p {
  color: #33403e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

:is(html, body).c3-product #c3-long .review-grid footer small {
  color: var(--c3-muted) !important;
  font-weight: 500 !important;
}

:is(html, body).c3-product.c3-no-ratings .p-detail-info {
  display: none !important;
}

/* Fixed-width video rail: six videos scroll instead of shrinking. */
:is(html, body).c3-product #c3-long .video-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(250px, 31%) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--c3-accent) var(--c3-line);
}

:is(html, body).c3-product #c3-long .video-grid .video-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none;
  scroll-snap-align: start;
}

/* Standard media dialog. */
:is(html, body).c3-product #c3-video-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: var(--c3-radius) !important;
  background: #071f1e !important;
  color: #fff !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, .4) !important;
}

:is(html, body).c3-product #c3-video-dialog::backdrop {
  background: rgba(2, 24, 22, .76) !important;
}

:is(html, body).c3-product #c3-video-dialog .media-dialog__head {
  display: flex !important;
  min-height: 58px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 16px !important;
  background: #102e2b !important;
  color: #fff !important;
}

:is(html, body).c3-product #c3-video-dialog .media-dialog__head button {
  display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

:is(html, body).c3-product #c3-video-dialog .media-dialog__body {
  display: grid;
  min-height: min(76dvh, 680px);
  place-items: center;
  background: #000;
}

:is(html, body).c3-product #c3-video-dialog video,
:is(html, body).c3-product #c3-video-dialog iframe {
  display: block;
  width: 100% !important;
  height: min(76dvh, 680px) !important;
  max-height: min(76dvh, 680px) !important;
  border: 0;
  background: #000;
  object-fit: contain;
}

:is(html, body).c3-product.c3-video-open {
  overflow: hidden !important;
}

/* Recurring content safeguards carried into the Shoptet DOM. */
:is(html, body).c3-product #c3-long .section-kicker:not(.section-kicker-light) {
  color: #006460 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

:is(html, body).c3-product #c3-long .faq-aside {
  position: sticky;
  top: 82px;
}

:is(html, body).c3-product #c3-long .faq-awards {
  display: block;
}

:is(html, body).c3-product #c3-long .comparison-table,
:is(html, body).c3-product #c3-long .routine-section,
:is(html, body).c3-product #c3-long .mixing-comfort,
:is(html, body).c3-product #c3-long .reviews-section,
:is(html, body).c3-product #c3-long .video-card,
:is(html, body).c3-product #c3-long .faq-section,
:is(html, body).c3-product #c3-long .final-cta {
  border-radius: var(--c3-radius) !important;
}

@media (max-width: 767px) {
  :is(html, body).c3-product #product-detail-form .p-short-description {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  :is(html, body).c3-product #product-detail-form .availability-value {
    gap: 3px;
    min-height: 36px;
    margin: 0 0 12px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--c3-line);
    border-radius: 6px;
    background: var(--c3-soft);
    font-size: 12px;
    letter-spacing: -.01em;
  }

  :is(html, body).c3-product #product-detail-form .shipping-options {
    display: inline-grid !important;
    width: 26px;
    min-width: 26px;
    height: 26px;
    place-items: center;
    margin-left: 1px;
    overflow: hidden;
    font-size: 0;
    text-decoration: none;
  }

  :is(html, body).c3-product #product-detail-form .shipping-options::before {
    display: block !important;
    margin: 0 !important;
    font-size: 18px;
    line-height: 1;
  }

  :is(html, body).c3-product #product-detail-form .price-final-holder {
    font-size: 36px !important;
    line-height: 1.1;
  }

  :is(html, body).c3-product .c3-content-nav {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 24px 16px 14px !important;
  }

  :is(html, body).c3-product .c3-content-nav .content-nav-inner {
    justify-content: flex-start !important;
  }

  :is(html, body).c3-product #c3-long .video-grid {
    grid-auto-columns: minmax(250px, 82vw) !important;
  }

  :is(html, body).c3-product #c3-long .comparison-section {
    overflow: visible !important;
  }

  :is(html, body).c3-product #c3-long .comparison-table {
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  :is(html, body).c3-product #c3-long .comparison-scroll-hint {
    display: block !important;
    color: var(--c3-accent) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  :is(html, body).c3-product #c3-long .faq-aside {
    position: static;
    top: auto;
  }

  :is(html, body).c3-product #c3-long .faq-awards {
    display: block !important;
  }
}

@media (max-width: 430px) {
  :is(html, body).c3-product .c3-quantity-table .quantity-discounts__item {
    grid-template-columns: 1fr;
  }

  :is(html, body).c3-product .c3-option-price {
    text-align: left;
  }

  :is(html, body).c3-product .c3-option-benefits {
    gap: 5px 12px;
  }
}

@media (max-width: 376px) {
  :is(html, body).c3-product #c3-short .quick-proof strong {
    font-size: 15px;
  }

  :is(html, body).c3-product .c3-content-nav a {
    padding-inline: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(html, body).c3-product .c3-quantity-table .quantity-discounts__item {
    transition-duration: .01ms !important;
  }
}

/*
 * FINAL SHOPTET HARDENING — keep this block last.
 * Host heading/strong/link rules must never turn approved dark surfaces dark.
 */
:is(html, body).c3-product #c3-long .c3-performance-card .performance-card-copy h3,
:is(html, body).c3-product #c3-long .story-fact-primary > strong,
:is(html, body).c3-product #c3-long .forms-explainer .forms-intro h3,
:is(html, body).c3-product #c3-long .c3-active-core strong,
:is(html, body).c3-product #c3-long .c3-ingredient-feature strong,
:is(html, body).c3-product #c3-long .c3-ingredient-feature h4,
:is(html, body).c3-product #c3-long .mixing-comfort .mixing-comfort-intro h2,
:is(html, body).c3-product #c3-long .video-card .video-copy strong,
:is(html, body).c3-product #c3-long .final-cta .final-cta-copy h2,
:is(html, body).c3-product #c3-video-dialog .media-dialog__head strong {
  color: #fff !important;
}

/* Keep both comparison bottles and their labels on the same visual baseline. */
:is(html, body).c3-product #c3-long .c3-comparison-table .comparison-head {
  display: grid !important;
  grid-template-rows: 184px 52px !important;
  align-items: end !important;
  justify-items: center !important;
  justify-content: stretch !important;
}

:is(html, body).c3-product #c3-long .c3-comparison-table .comparison-product-media {
  align-self: end !important;
}

:is(html, body).c3-product #c3-long .c3-comparison-table .comparison-head > strong {
  align-self: start !important;
  line-height: 1.22 !important;
}

:is(html, body).c3-product #c3-long .comparison-head-puori img,
:is(html, body).c3-product #c3-long .comparison-head-other img {
  width: 184px !important;
  height: 184px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

@media (max-width: 860px) {
  :is(html, body).c3-product #c3-long .comparison-head-puori img,
  :is(html, body).c3-product #c3-long .comparison-head-other img {
    width: 112px !important;
    height: 112px !important;
  }

}

@media (max-width: 430px) {
  :is(html, body).c3-product #c3-long .c3-comparison-table .comparison-head {
    grid-template-rows: 96px 48px !important;
  }

  :is(html, body).c3-product #c3-long .comparison-head-puori img,
  :is(html, body).c3-product #c3-long .comparison-head-other img {
    width: 86px !important;
    height: 86px !important;
  }

}

:is(html, body).c3-product #c3-long .c3-performance-card .performance-card-copy p,
:is(html, body).c3-product #c3-long .mixing-comfort .mixing-comfort-points article:first-of-type p {
  color: #fff !important;
}

:is(html, body).c3-product #c3-long .story-fact-primary p {
  color: #d8ecea !important;
}

:is(html, body).c3-product #c3-long .c3-performance-card .performance-card-copy small {
  color: rgba(255, 255, 255, .78) !important;
}

:is(html, body).c3-product #c3-long .story-fact-primary > span {
  color: #cbe5e2 !important;
}

:is(html, body).c3-product #c3-long .forms-explainer .forms-intro > span {
  color: #9ddbd5 !important;
}

:is(html, body).c3-product #c3-long .forms-explainer .forms-intro p,
:is(html, body).c3-product #c3-long .c3-ingredient-feature p {
  color: #c8d3d0 !important;
}

:is(html, body).c3-product #c3-long .mixing-comfort .mixing-comfort-intro > p:not(.section-kicker) {
  color: #d5e9e6 !important;
}

:is(html, body).c3-product #c3-long .mixing-comfort .mixing-comfort-points article:first-of-type h3 {
  color: #a9dfda !important;
}

:is(html, body).c3-product #c3-long .mixing-comfort .mixing-comfort-points article:first-of-type small {
  color: #d2e7e4 !important;
}

:is(html, body).c3-product #c3-long .video-card .video-copy small {
  color: rgba(255, 255, 255, .76) !important;
}

:is(html, body).c3-product #c3-long .final-cta .final-cta-copy p {
  color: rgba(255, 255, 255, .86) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

:is(html, body).c3-product #c3-long .final-cta .final-cta-copy h2 {
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

:is(html, body).c3-product #c3-long .section-kicker-light,
:is(html, body).c3-product #c3-long .final-cta .section-kicker-light {
  color: #c8f1ed !important;
}

:is(html, body).c3-product #c3-long .c3-performance-card .section-kicker-light {
  color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
}

:is(html, body).c3-product #c3-long .forms-explainer,
:is(html, body).c3-product #c3-long .mixing-comfort,
:is(html, body).c3-product #c3-long .video-card,
:is(html, body).c3-product #c3-long .final-cta {
  color: #fff !important;
}

:is(html, body).c3-product #c3-long .final-cta .button-light {
  display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #006460 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

:is(html, body).c3-product #c3-long .video-card .play-icon {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .64) !important;
  border-radius: 50% !important;
  background: rgba(0, 50, 47, .68) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

:is(html, body).c3-product #c3-video-dialog .media-dialog__head button,
:is(html, body).c3-product #c3-video-dialog .media-dialog__head button:hover,
:is(html, body).c3-product #c3-video-dialog .media-dialog__head button:focus,
:is(html, body).c3-product #c3-video-dialog .media-dialog__head button:focus-visible {
  border-color: rgba(255, 255, 255, .5) !important;
  background: transparent !important;
  color: #fff !important;
}

/* Live Shoptet may load a late paragraph/text-fill rule after the product CSS.
   Keep the approved light-teal kicker on the image card explicit and isolated. */
:is(html, body).c3-product #description #c3-long .c3-performance-card .performance-card-copy > p.section-kicker.section-kicker-light {
  color: #d9fffb !important;
  -webkit-text-fill-color: #d9fffb !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .48) !important;
}

/* Preserve the approved testing contrast against late Shoptet heading rules. */
:is(html, body).c3-product #description #c3-long #testing h2,
:is(html, body).c3-product #description #c3-long #testing .test-results strong,
:is(html, body).c3-product #description #c3-long #testing .testing-batches strong,
:is(html, body).c3-product #description #c3-long #testing .testing-expiry strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

:is(html, body).c3-product #description #c3-long #testing .testing-summary strong {
  color: #9ee6de !important;
  -webkit-text-fill-color: #9ee6de !important;
}


/* pb.css */
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav){color-scheme: light; --accent: #006460; --accent-dark: #004f4c; --accent-soft: #e7f3f1; --ink: #172321; --muted: #667471; --line: #d9e4e1; --surface: #ffffff; --soft: #f3f7f6; --promo: #a53c2f; --radius: 8px; --content: 1220px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #category-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #ingredients-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #comparison-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #sources-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #testing-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #category .pb-c-section-heading > p:last-child{max-width: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #testing-title > span{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta{background: rgb(3, 27, 25);}
@media (min-width: 1101px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #category-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #ingredients-title,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #comparison-title > span{white-space: nowrap;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #sources-title{white-space: nowrap; font-size: clamp(38px, 4.2vw, 54px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #testing-title > span{white-space: nowrap;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-fit{min-height: 900px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-fit .pb-c-mixing-comfort-photo{left: auto; right: 0px; width: 76%; object-position: right top; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 25%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta{min-height: 760px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta > img{left: 0px; right: 0px; width: 100%; object-position: right center;}
}
@media (max-width: 860px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta{display: block; min-height: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta > img{display: block; position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: right center; mask-image: linear-gradient(rgb(0, 0, 0) 75%, transparent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta .pb-c-final-cta-scrim{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-final-cta .pb-c-final-cta-copy{width: 100%; background: rgb(3, 27, 25);}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #formula,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #category,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #ingredients,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #routine,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #for-whom,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #comparison,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #portfolio,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #vegan,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #reviews,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #videos,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #testing,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #sources,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope #faq{scroll-margin-top: 82px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead{display: grid; max-width: none; gap: 4px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead > span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead > strong,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-section-heading h2 > span{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card{min-height: 0px; aspect-ratio: 1 / 1;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card img{object-position: 50% 50%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card .pb-c-performance-card-scrim{background: linear-gradient(rgba(3, 20, 18, 0.02) 14%, rgba(3, 20, 18, 0.18) 38%, rgba(3, 20, 18, 0.96) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-fact{container-type: inline-size; display: grid; grid-template-rows: auto auto 1fr; place-content: start stretch; min-width: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-fact > strong{white-space: nowrap; font-size: clamp(28px, 25cqw, 60px); line-height: 1.08; letter-spacing: -0.035em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-fact > p{align-self: start;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-insight img{object-position: center 58%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-ingredient-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-section{margin-top: 72px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-section{padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card{min-height: 390px; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card-primary{background: var(--accent); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card > span{color: var(--accent); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card-primary > span{color: rgb(188, 229, 224);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card h3{max-width: 13ch; margin: 18px 0px 16px; font-size: clamp(32px, 4vw, 52px); line-height: 1; letter-spacing: -0.045em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card-primary h3{color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card p{max-width: 45ch; color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card-primary p{color: rgb(214, 235, 232);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card ul{display: grid; gap: 10px; margin: 28px 0px 0px; padding: 0px; list-style: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card li{position: relative; padding-left: 24px; font-weight: 700;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card li::before{content: "✓"; position: absolute; left: 0px; color: var(--accent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card-primary li::before{color: rgb(174, 225, 219);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid article{min-height: 190px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid article.pb-c-is-reference{transform: none; box-shadow: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid .pb-c-forms-evidence-number{font-size: clamp(22px, 2.4vw, 34px); line-height: 1.05; letter-spacing: -0.035em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid .pb-c-forms-evidence-number .pb-c-term{font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: normal; white-space: normal;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-term{position: relative; border-bottom: 2px dotted rgb(168, 217, 212); cursor: help; display: inline !important; margin: 0px !important; padding: 0px 0px 2px !important; color: inherit !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-term::after{content: attr(data-tooltip); position: absolute; z-index: 20; left: 0px; bottom: calc(100% + 9px); width: min(310px, 78vw); padding: 10px 12px; border-radius: 6px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px; color: rgb(23, 48, 46); font-size: 13px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(4px); transition: 0.14s;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-term:hover::after,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-term:focus::after{opacity: 1; visibility: visible; transform: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid .pb-c-term::after{width: min(260px, 60vw);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; background: rgba(255, 255, 255, 0.16);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid article{display: flex; min-height: 132px; flex-direction: column; justify-content: center; padding: 18px; background: rgb(32, 44, 42);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid article.pb-c-is-protein{background: var(--accent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid span{color: rgb(168, 196, 192); font-size: 12px; font-weight: 800; letter-spacing: 0.045em; text-transform: uppercase;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid strong{margin-top: 8px; color: rgb(255, 255, 255); font-size: clamp(20px, 2.2vw, 28px); line-height: 1.08;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid small{margin-top: 7px; color: rgb(174, 191, 188); font-size: 12px; line-height: 1.35;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-routine{display: block; min-height: 0px; overflow: visible; border-radius: 0px; background: transparent;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid article{position: relative; overflow: hidden; min-height: 520px; border-radius: var(--radius); background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid img{width: 100%; height: 290px; object-fit: cover;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid article > span{position: absolute; top: 18px; left: 18px; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: rgba(0, 100, 96, 0.9); color: rgb(255, 255, 255); font-weight: 900;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid h3{margin: 24px 24px 10px; font-size: 25px; line-height: 1.08;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid p{margin: 0px 24px 26px; color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-routine-grid .pb-c-faq-more{display: block; grid-column: 2; margin: 0px 24px 26px; color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-fit .pb-c-mixing-comfort-photo{object-position: 68% center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-fit .pb-c-mixing-comfort-scrim{background: linear-gradient(90deg, rgba(0, 47, 44, 0.98) 0%, rgba(0, 56, 53, 0.9) 40%, rgba(0, 49, 46, 0.42) 62%, rgba(0, 39, 37, 0.03) 84%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-fit .pb-c-mixing-comfort-content{width: min(700px, 61%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-head-puori,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-head-other{grid-template-rows: 172px 58px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-product-media img{width: 150px; height: 150px; margin: 0px; object-fit: contain; transform: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-comparison-decision{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; padding: 10px; background: rgb(237, 245, 243);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-comparison-decision article{display: flex; min-height: 116px; flex-direction: column; justify-content: center; padding: 18px 20px; border: 1px solid rgb(201, 220, 216); border-radius: 5px; background: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-comparison-decision article.pb-c-comparison-decision-primary{border-color: rgb(130, 184, 178); background: rgb(223, 240, 237);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-comparison-decision strong{display: block; margin-bottom: 7px; color: var(--accent); font-size: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-comparison-decision span{color: rgb(38, 55, 53); font-size: 15px; line-height: 1.48;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-scroll-hint{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(360px, 0.95fr); min-height: 560px; overflow: hidden; border-radius: var(--radius); background: linear-gradient(135deg, rgb(244, 247, 239), rgb(229, 242, 239));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-copy{display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 68px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-copy h2{margin: 0px 0px 20px; font-size: clamp(42px, 5vw, 66px); line-height: 1; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-copy h2 span{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-copy p{max-width: 50ch; margin: 0px; color: var(--muted); font-size: 17px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-copy a{width: fit-content; margin-top: 24px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-vegan-proof-visual{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; min-width: 0px; padding: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-vegan-proof-visual > img:first-child{width: min(100%, 340px); height: auto; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-vegan-proof-product{position: static; width: min(100%, 290px); height: auto; max-height: 300px; object-fit: contain; filter: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-grid{grid-auto-columns: minmax(280px, 40%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-card:first-child img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-card:last-child img{transform: none; object-position: center center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-card:first-child:hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-card:last-child:hover img{transform: scale(1.02);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results{grid-template-columns: repeat(3, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results > div{min-width: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results small{margin-top: 5px; color: rgb(191, 225, 221); font-size: 13px; line-height: 1.3;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results .pb-c-test-check{color: rgb(167, 239, 195);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-testing-summary{margin: 18px 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-research-voices .pb-c-section-heading > p:last-child{white-space: normal; max-width: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-testing-header img{padding: 9px; background: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid .pb-c-research-voice-person{display: grid; min-height: 100%; place-items: center; padding: 22px; background: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid .pb-c-research-voice-person img{width: 90%; height: auto; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid .pb-c-research-voice-journal{background: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-journal span{display: grid; width: 104px; height: 104px; place-items: center; border: 2px solid rgba(255, 255, 255, 0.7); border-radius: 50%; color: rgb(255, 255, 255); font-size: 35px; font-weight: 900;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid .pb-c-research-voice-copy{padding: 28px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-copy footer{display: flex; flex-direction: column; margin-top: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-research-comment{margin: 0px 0px 20px; line-height: 1.5;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-research-comment small{display: block; margin: 0px 0px 6px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-packaging-note{margin: 14px 0px 0px; color: var(--muted); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-awards img:first-child{grid-column: 1 / -1; width: 85%; justify-self: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside{position: sticky; top: 24px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside h2{max-width: 12ch; margin: 0px 0px 16px; font-size: clamp(42px, 5vw, 64px); line-height: 1; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside > p{color: var(--muted);}
@media (min-width: 1101px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead > span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead > strong{white-space: nowrap;}
}
@media (max-width: 980px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card{aspect-ratio: 4 / 5;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid article{min-height: 0px; display: grid; grid-template-columns: minmax(260px, 0.8fr) 1fr; grid-template-rows: auto 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid img{grid-row: 1 / span 2; width: 100%; height: 100%; min-height: 300px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid article:has(.pb-c-faq-more) img{grid-row: 1 / span 3;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid h3{align-self: end;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-visual{min-height: 390px;}
}
@media (max-width: 860px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-category-card{min-height: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-ingredient-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-comparison-decision{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-fit .pb-c-mixing-comfort-photo{position: relative; inset: auto; width: 100%; height: 350px; object-position: 67% center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-fit .pb-c-mixing-comfort-scrim{top: 0px; bottom: auto; height: 350px; background: linear-gradient(transparent 42%, rgba(0, 47, 44, 0.3) 70%, rgb(0, 79, 76) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-fit .pb-c-mixing-comfort-content{width: 100%; padding: 28px 20px; background: rgb(0, 79, 76);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-grid{grid-auto-columns: minmax(260px, 72%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article{grid-template-columns: 150px 1fr;}
}
@media (max-width: 600px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-product{padding-inline: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-lead > strong{display: block; margin-top: 7px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card{min-height: 660px; aspect-ratio: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card img{object-position: 50% 46%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card .pb-c-performance-card-scrim{background: linear-gradient(rgba(3, 20, 18, 0.01) 26%, rgba(3, 20, 18, 0.12) 43%, rgba(3, 20, 18, 0.7) 65%, rgba(3, 20, 18, 0.98) 84%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid article{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-grid img{height: 290px; min-height: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table{grid-template-columns: 108px 190px 190px; padding-right: 14px; scroll-padding-right: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-head{min-height: 160px; padding: 12px 9px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-label,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-value{min-height: 92px; padding: 12px 10px; overflow-wrap: anywhere;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-product-media{width: 96px; height: 96px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-comparison-table .pb-c-comparison-product-media img{width: 88px; height: 88px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-scroll-hint{display: block; margin: -12px 0px 12px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-copy{padding: 32px 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-vegan-proof-visual{min-height: 320px; padding: 26px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid .pb-c-research-voice-person{min-height: 160px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid .pb-c-research-voice-person img{width: min(65%, 280px); max-height: 116px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside{position: static;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-vegan-proof-visual{min-height: 0px; padding: 12px 26px 30px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-vegan-proof-product{width: 240px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results > div{min-height: 92px; padding: 12px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results strong{font-size: 18px; line-height: 1.15;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results > div:nth-child(5),:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-label-result{grid-column: 1 / -1; min-height: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results > div:nth-child(5){align-items: center; flex-direction: row; justify-content: space-between; gap: 12px; padding-block: 13px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-test-results > div:nth-child(5) strong{margin-top: 0px; white-space: nowrap;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-label-result{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 3px 12px; align-items: center; padding-block: 11px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-label-result strong{margin-top: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-label-result small{grid-column: 1 / -1; margin-top: 0px;}
}
@media (max-width: 430px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-story-fact{grid-template-rows: minmax(42px, auto) auto 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-performance-card{min-height: 620px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-nutrition-grid article{min-height: 126px; padding: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-video-grid{grid-auto-columns: 84%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header img{width: 104px; height: 104px;}
}
@media (max-width: 360px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-testing-header{grid-template-columns: minmax(0px, 1fr);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav).pb-scope .pb-c-testing-header > img{grid-row: 1;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) *{box-sizing: border-box;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) button,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) input{font: inherit;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) a{color: inherit;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) img{display: block; max-width: 100%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) button,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) a{-webkit-tap-highlight-color: transparent;}
:is(html,body).pb-product .content-nav{display: flex; justify-content: center; gap: 8px; overflow-x: auto; margin-top: 42px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); scrollbar-width: none;}
:is(html,body).pb-product .content-nav::-webkit-scrollbar{display: none;}
:is(html,body).pb-product .content-nav a{flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none;}
:is(html,body).pb-product .content-nav a.is-active{border-color: var(--accent); background: var(--accent); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #formula,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #ingredients,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #portfolio,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #comparison,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #routine,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #reviews,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #videos,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #testing,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) #faq{scroll-margin-top: 76px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-stars{color: rgb(213, 138, 20); letter-spacing: 1px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) h1{margin: 0px; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-audience-tags{display: flex; flex-wrap: wrap; gap: 7px; margin: -10px 0px 24px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-audience-tags-intro{display: flex; flex: 0 0 100%; flex-direction: column; gap: 2px; margin: 0px 0px 5px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-audience-tags-intro strong{color: var(--ink); font-size: 15px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-audience-tags a{padding: 5px 9px; border: 1px solid var(--line); border-radius: 4px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color 160ms, background-color 160ms;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-audience-tags a:hover,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-audience-tags a:focus-visible{border-color: var(--accent); background: var(--accent-soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof a{display: flex; flex-direction: column; min-height: 86px; padding: 15px 16px; text-decoration: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof a:nth-child(2n+1){border-right: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof strong{color: var(--accent); font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof span{margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.35;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight{display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; min-height: 82px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight img{width: 82px; height: 82px; object-fit: cover; object-position: 54% center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight > span{display: flex; flex-direction: column; padding-block: 10px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight strong{color: var(--accent); font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight small{margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.3;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight > b{padding-right: 16px; color: var(--accent); font-size: 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-section{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro{display: grid; gap: 16px; margin-bottom: 30px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2{max-width: 18ch; margin: 0px; font-size: clamp(38px, 5.5vw, 68px); line-height: 0.98; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro p{max-width: 60ch; margin: 0px; color: var(--muted); font-size: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-grid{display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(330px, 0.65fr); gap: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card{position: relative; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card img{width: 100%; height: 100%; object-fit: cover; object-position: 54% center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-scrim{position: absolute; inset: 0px; background: linear-gradient(rgba(3, 20, 18, 0.08) 20%, rgba(3, 20, 18, 0.88) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy{position: absolute; z-index: 2; right: clamp(24px, 4vw, 48px); bottom: clamp(26px, 4vw, 48px); left: clamp(24px, 4vw, 48px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy h3{max-width: 14ch; margin: 0px 0px 14px; color: rgb(255, 255, 255); font-size: clamp(34px, 4.5vw, 56px); line-height: 1; letter-spacing: -0.045em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy p{max-width: 52ch; margin: 0px 0px 10px; font-size: 17px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy small{display: block; max-width: 55ch; color: rgba(255, 255, 255, 0.78); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-facts{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact{display: flex; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: 24px; border-radius: var(--radius); background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{min-height: 250px; background: var(--accent); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact > span{color: var(--muted); font-size: 14px; font-weight: 700;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary > span{color: rgb(203, 229, 226);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact > strong{margin: 8px 0px 4px; color: var(--accent); font-size: clamp(54px, 7vw, 84px); line-height: 0.9; letter-spacing: -0.06em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary > strong{color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact p{margin: 6px 0px 0px; color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary p{color: rgb(216, 236, 234);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading{display: grid; gap: 15px; margin-bottom: 30px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading h2{max-width: 18ch; margin: 0px; font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading p{max-width: 64ch; margin: 0px; color: var(--muted); font-size: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voices,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta{margin-top: 72px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-section{margin-top: 18px; padding: 54px 0px 0px; border-top: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-table{display: grid; grid-template-columns: minmax(190px, 0.7fr) repeat(2, minmax(260px, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 220px; padding: 20px; border-bottom: 1px solid var(--line); text-align: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head:not(:last-child),:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-label,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value-puori{border-right: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori{background: var(--accent-soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other{background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other img{width: 112px; height: 112px; margin-bottom: 12px; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head strong{max-width: 20ch;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-label,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value{display: flex; align-items: center; min-height: 70px; padding: 15px 18px; border-bottom: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-label{font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value{color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value-puori{background: rgb(245, 250, 249); color: var(--accent); font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-scroll-hint{display: none; margin: 10px 0px 0px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-explainer{margin-top: 22px; padding: clamp(28px, 4vw, 44px); border-radius: var(--radius); background: var(--ink); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro{display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 12px clamp(30px, 5vw, 70px); align-items: end;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro > span{grid-column: 1; color: rgb(157, 219, 213); font-size: 14px; font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro h3{grid-column: 1; max-width: 12ch; margin: 0px; color: rgb(255, 255, 255); font-size: clamp(34px, 4vw, 52px); line-height: 1; letter-spacing: -0.045em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro p{grid-area: 1 / 2 / span 2; max-width: 55ch; margin: 0px; color: rgb(200, 211, 208); font-size: 17px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1px; margin-top: 34px; background: rgba(255, 255, 255, 0.22);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid article{display: flex; flex-direction: column; min-height: 168px; padding: 20px; background: rgb(38, 50, 47);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid article.pb-c-is-reference{position: relative; z-index: 1; background: var(--accent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid strong{color: rgb(255, 255, 255); font-size: 19px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-evidence-number{margin-top: 14px; color: rgb(255, 255, 255); font-size: clamp(42px, 4.5vw, 64px); font-weight: 800; line-height: 0.9; letter-spacing: -0.055em; font-variant-numeric: tabular-nums;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid .pb-c-is-reference small{margin-top: 7px; color: rgb(204, 233, 230); font-size: 12px; font-weight: 700; line-height: 1.25;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid span{margin-top: auto; padding-top: 16px; color: rgb(200, 211, 208); font-size: 14px; line-height: 1.42;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid .pb-c-is-reference span{color: rgb(217, 239, 236);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-explainer > a{display: inline-block; margin-top: 24px; color: rgb(255, 255, 255); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section{margin-top: 18px; padding: clamp(30px, 5vw, 58px); border-radius: var(--radius); background: var(--accent); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header{display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header p{margin: 0px 0px 8px; color: rgb(191, 228, 223); font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header h2{max-width: 16ch; margin: 0px; color: rgb(255, 255, 255); font-size: clamp(38px, 5vw, 64px); line-height: 1; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header img{width: 148px; height: 148px; object-fit: contain; border-radius: 6px; background: rgb(223, 241, 238);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-lead{max-width: 66ch; margin: 24px 0px 30px; color: rgb(215, 236, 233); font-size: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-test-results{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; background: rgba(255, 255, 255, 0.25);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-test-results div{display: flex; flex-direction: column; min-height: 110px; padding: 18px; background: rgba(0, 46, 43, 0.64);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-test-results span{color: rgb(205, 231, 228);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-test-results strong{margin-top: auto; color: rgb(255, 255, 255); font-size: 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-footer{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 24px; align-items: end; margin-top: 28px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-actions{display: flex; align-items: center; gap: 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-actions > a:not(.pb-c-button){color: rgb(255, 255, 255); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-summary{max-width: 66ch; margin: -10px 0px 20px; color: rgb(255, 255, 255); font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-summary strong{color: rgb(158, 230, 222);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-expiry{display: flex; justify-content: space-between; gap: 18px; margin: 14px 0px 0px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 6px; background: rgba(0, 46, 43, 0.48); color: rgb(216, 239, 236); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-expiry strong{color: rgb(255, 255, 255); white-space: nowrap;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai{display: grid; grid-template-columns: minmax(0px, 190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; background: rgba(0, 46, 43, 0.48);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai p{margin: 0px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions{display: flex; gap: 8px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a{--provider-color: #111; --provider-surface: #fff; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 6px; background: rgba(255, 255, 255, 0.08); text-decoration: none; transition: background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 140ms cubic-bezier(0.23, 1, 0.32, 1);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a[data-ai-provider="chatgpt"]{--provider-color: #111; --provider-surface: #f4f4f4;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a[data-ai-provider="google-ai"]{--provider-color: #7558e8; --provider-surface: #f3efff;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a:hover,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a:focus-visible{background: rgba(255, 255, 255, 0.18); outline: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a:focus-visible{box-shadow: rgb(159, 217, 211) 0px 0px 0px 3px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai-actions a:active{transform: translateY(1px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-ai-provider-icon{display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 6px; border: 1px solid color-mix(in srgb, var(--provider-color) 24%, transparent); border-radius: 50%; background: var(--provider-surface); object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-ai-provider-name{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-button{display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0px 18px; border-radius: 6px; font-weight: 800; text-decoration: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-button-light{background: rgb(255, 255, 255); color: var(--accent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-section{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(420px, 1.1fr); min-height: 720px; overflow: hidden; border-radius: var(--radius); background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort{position: relative; display: flex; min-height: 690px; justify-content: flex-start; overflow: hidden; margin-top: 72px; border-radius: var(--radius); background: var(--accent-dark);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-photo{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-scrim{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 47, 44, 0.97) 0%, rgba(0, 56, 53, 0.76) 44%, rgba(0, 39, 37, 0.1) 72%, rgba(0, 39, 37, 0.03) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-content{position: relative; z-index: 1; display: flex; width: min(650px, 58%); flex-direction: column; justify-content: center; padding: clamp(38px, 5vw, 64px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-intro{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-intro h2{max-width: 13ch; margin: 0px 0px 16px; color: rgb(255, 255, 255); font-size: clamp(34px, 4vw, 50px); line-height: 1; letter-spacing: -0.045em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-intro p{max-width: 38ch; margin: 0px; color: rgb(213, 233, 230);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points{display: grid; grid-template-columns: minmax(0px, 1.08fr) minmax(0px, 0.92fr); gap: 1px; overflow: hidden; margin-top: 28px; border: 1px solid var(--line); border-radius: 6px; background: var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points article{display: flex; min-height: 238px; flex-direction: column; padding: clamp(20px, 3vw, 30px); background: rgba(0, 66, 62, 0.91); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points article + article{background: rgba(246, 250, 249, 0.96); color: var(--ink);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points h3{margin: 0px 0px 14px; color: rgb(169, 223, 218); font-size: 23px; line-height: 1.12; letter-spacing: -0.025em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points article + article h3{color: var(--accent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points p{margin: 0px; color: inherit;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points small{display: block; margin-top: auto; padding-top: 24px; color: rgb(210, 231, 228); font-size: 14px; line-height: 1.48;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points article + article small{color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voices{margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid blockquote{margin: 20px 0px; font-size: clamp(21px, 2.2vw, 29px); line-height: 1.18; letter-spacing: -0.025em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid strong{margin-top: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--accent) var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card{position: relative; overflow: hidden; min-height: 500px; padding: 0px; border: 0px; border-radius: var(--radius); background: var(--ink); color: rgb(255, 255, 255); cursor: pointer; scroll-snap-align: start; text-align: left;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card img{width: 100%; height: 100%; object-fit: cover; opacity: 0.72; transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:first-child img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:last-child img{object-position: center center; transform: scale(1.35);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:first-child:hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:last-child:hover img{transform: scale(1.38);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:hover img{transform: scale(1.02);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 35%, rgba(3, 20, 18, 0.88) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-play-icon{position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.64); border-radius: 50%; background: rgba(0, 50, 47, 0.6); font-size: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-copy{position: absolute; z-index: 2; right: 22px; bottom: 24px; left: 22px; display: flex; flex-direction: column;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-copy strong{color: rgb(255, 255, 255); font-size: 22px; line-height: 1.15;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-copy small{margin-top: 6px; color: rgba(255, 255, 255, 0.76); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section{display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(0px, 1.3fr); gap: clamp(36px, 7vw, 90px); align-items: start; margin-top: 18px; padding-top: 54px; border-top: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list details{border-bottom: 1px solid var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list summary{position: relative; padding: 20px 42px 20px 0px; font-size: 18px; font-weight: 800; cursor: pointer; list-style: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list summary::after{content: "+"; position: absolute; top: 18px; right: 4px; color: var(--accent); font-size: 24px; line-height: 1;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list details[open] summary::after{content: "−";}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list details p{max-width: 68ch; margin: -3px 0px 20px; color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list .pb-c-faq-more{display: block; width: fit-content; margin-top: 10px; color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section{display: grid; grid-template-columns: 0.42fr 1.58fr; gap: clamp(38px, 7vw, 86px); padding: clamp(32px, 5vw, 58px); border-radius: var(--radius); background: var(--accent-soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-summary{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-summary > strong{margin: 0px 0px 4px; color: var(--accent); font-size: clamp(54px, 7vw, 84px); line-height: 0.9; letter-spacing: -0.06em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-summary p{margin: 8px 0px 0px; color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-summary-stars{margin-bottom: 14px; font-size: 26px; line-height: 1; letter-spacing: 0.12em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-content h2{margin: 0px 0px 24px; font-size: clamp(38px, 4vw, 54px); line-height: 1; letter-spacing: -0.045em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid blockquote{display: flex; flex-direction: column; min-height: 220px; margin: 0px; padding: 20px; border-radius: 6px; background: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-stars{display: block; margin-bottom: 14px; color: rgb(213, 138, 20); font-size: 18px; line-height: 1; letter-spacing: 0.08em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid p{margin: 0px; color: rgb(51, 64, 62); font-size: 16px; font-weight: 600;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid footer{display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 18px; color: var(--muted); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid footer a{color: var(--muted); font-weight: 700; text-underline-offset: 3px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid footer small{margin-top: 3px; color: var(--muted); font-size: 13px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{margin-top: 30px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards > p{margin: 0px 0px 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: 0.03em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; align-items: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note{margin-top: 18px; padding: 0px 18px; border: 1px solid rgb(219, 230, 227); border-radius: 6px; background: rgb(248, 250, 249);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note summary{position: relative; padding: 14px 34px 14px 0px; color: rgb(49, 94, 91); font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note summary::-webkit-details-marker{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note details[open] summary::after{content: "−";}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note details > div{padding: 0px 0px 15px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note p{max-width: none; margin: 6px 0px; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-links a{color: var(--accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note small{display: block; margin-top: 10px; color: var(--muted); font-size: 11px;}
@media (min-width: 861px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid{grid-template-columns: 1.18fr repeat(3, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid article.pb-c-is-reference{transform: scale(1.035); transform-origin: center center; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-summary > strong{font-size: clamp(48px, 4.6vw, 66px); white-space: nowrap;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta{position: relative; display: flex; align-items: center; overflow: hidden; min-height: 620px; border-radius: var(--radius); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta > img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 42%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-scrim{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(3, 27, 25, 0.94) 0%, rgba(3, 27, 25, 0.72) 48%, rgba(3, 27, 25, 0.12) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy{position: relative; z-index: 2; width: min(620px, 62%); padding: clamp(30px, 6vw, 72px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{margin: 0px 0px 18px; color: rgb(255, 255, 255); font-size: clamp(42px, 5vw, 68px); line-height: 0.98; letter-spacing: -0.05em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy p{margin: 0px 0px 26px; color: rgba(255, 255, 255, 0.82); font-size: 18px;}
@media (max-width: 860px) {:is(html,body).pb-product .content-nav{justify-content: flex-start; margin: 32px 16px 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) h1{font-size: 38px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof a{min-height: 82px; padding: 13px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight{grid-template-columns: 78px 1fr auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight img{width: 78px; height: 100%; min-height: 92px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-section{margin: 16px 16px 0px; padding-top: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro{margin-bottom: 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2{font-size: 42px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro p{font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card{min-height: 560px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-facts{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{grid-column: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{min-height: 260px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact{min-height: 190px; padding: 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact > strong{font-size: 60px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voices,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta{margin: 52px 16px 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-section{margin-top: 16px; padding-top: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading{margin-bottom: 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading h2{font-size: 42px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading p{font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-table{grid-template-columns: minmax(116px, 0.7fr) repeat(2, minmax(142px, 1fr)); overflow-x: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-scroll-hint{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head{min-height: 180px; padding: 14px 10px; font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other img{width: 92px; height: 92px; margin-bottom: 10px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-label,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value{min-height: 78px; padding: 12px 10px; font-size: 14px; line-height: 1.3;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-explainer{padding: 26px 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro > span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro h3,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro p{grid-area: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro h3{font-size: 38px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-intro p{margin-top: 6px; font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-top: 25px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid article{min-height: 150px; padding: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section{margin-top: 14px; padding: 28px 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header{grid-template-columns: 1fr 70px; gap: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header h2{font-size: 40px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header img{width: 70px; height: 70px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-lead{font-size: 16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-summary{margin-top: -8px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-test-results{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-test-results div{min-height: 100px; padding: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-footer{grid-template-columns: 1fr; gap: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-actions{align-items: stretch; flex-direction: column; gap: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-actions > a:not(.pb-c-button){text-align: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-ai{grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-routine-section{grid-template-columns: 1fr; min-height: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort{display: block; min-height: 0px; margin: 52px 16px 0px; background: var(--accent-dark);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-photo{height: 350px; object-position: 72% center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-scrim{height: 370px; background: linear-gradient(180deg,rgba(0,39,37,0) 0%,rgba(0,47,44,.08) 55%,var(--accent-dark) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-content{width: 100%; padding: 330px 20px 28px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-intro h2{max-width: 14ch; font-size: 39px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-grid{grid-auto-columns: minmax(250px, 82vw); margin-right: -16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card{min-height: 470px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voices{margin-top: 16px; padding-top: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 330px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article > div{padding: 22px 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section{grid-template-columns: 1fr; gap: 28px; margin-top: 16px; padding-top: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section{grid-template-columns: 1fr; padding: 28px 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid blockquote{min-height: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid footer{margin-top: 10px; padding-top: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-methodology-note{margin: 16px 16px 0px; padding: 0px 15px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta{min-height: 590px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-scrim{background: linear-gradient(rgba(3, 27, 25, 0.18) 15%, rgba(3, 27, 25, 0.94) 100%);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy{align-self: flex-end; width: 100%; padding: 28px 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{font-size: 43px;}
}
@media (max-width: 430px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card{min-height: 500px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy h3{font-size: 38px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy p{font-size: 15px; line-height: 1.42;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy small{font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-facts{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{grid-column: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact{min-height: 178px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{min-height: 230px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-mixing-comfort-points article{min-height: 210px; padding: 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-table{grid-template-columns: 96px 148px 160px; overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head{min-height: 148px; padding: 10px 6px; font-size: 13px; line-height: 1.22;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other img{width: 64px; height: 64px; margin-bottom: 7px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-label,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value{min-width: 0px; min-height: 82px; padding: 9px 7px; font-size: 13px; overflow-wrap: anywhere;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-header h2{font-size: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-lead{margin-top: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-expiry{align-items: flex-start; flex-direction: column; gap: 4px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card{min-height: 440px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid article{min-height: 0px; padding: 14px 15px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-forms-grid span{margin-top: 6px; padding-top: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid article{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voice-grid img{height: 260px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section{gap: 22px; padding: 23px 17px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-content h2{margin-bottom: 17px; font-size: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid blockquote{padding: 17px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{font-size: 38px;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-ingredient-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section{margin-top: 72px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid article{display: flex; min-width: 0px; min-height: 480px; flex-direction: column; padding: 22px; background: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid article.pb-c-is-current{background: rgb(231, 244, 242);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid img{width: 100%; height: 190px; margin-bottom: 20px; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid article:first-child img{transform: scale(0.86);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid article > span{color: var(--accent); font-size: 13px; font-weight: 800; line-height: 1.35; letter-spacing: 0.035em; text-transform: uppercase;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid h3{margin: 8px 0px 10px; font-size: 32px; line-height: 1; letter-spacing: -0.04em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid p{margin: 0px 0px 18px; color: var(--muted); font-size: 15px; line-height: 1.48;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid a,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid b{margin-top: auto; color: var(--accent); font-size: 14px; font-weight: 800; text-underline-offset: 3px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-product-media{display: grid; width: 172px; height: 172px; place-items: center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-decision{display: grid; grid-template-columns: auto minmax(0px, 1fr) auto minmax(0px, 1fr); gap: 8px 14px; align-items: center; margin-top: 12px; padding: 17px 19px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); color: var(--muted); font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-decision strong{color: var(--accent);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section .pb-c-section-kicker-light{color: rgb(200, 241, 237) !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section .pb-c-testing-summary{margin: 18px 0px 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section .pb-c-testing-header img{background: rgba(255, 255, 255, 0.94); object-fit: contain;}
@media (max-width: 980px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid article{min-height: 430px;}
}
@media (max-width: 860px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-ingredient-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-testing-section{margin: 52px 16px 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-product-media{width: 112px; height: 112px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-decision{grid-template-columns: 1fr;}
}
@media (max-width: 600px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid{grid-auto-flow: column; grid-auto-columns: minmax(250px, 82vw); grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid article{min-height: 420px; scroll-snap-align: start;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-portfolio-grid img{height: 170px;}
}
@media (max-width: 430px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-product-media{width: 86px; height: 86px;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-kicker{margin: 0px 0px 10px; color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:first-child img{object-position: center center; transform: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:first-child:hover img{transform: scale(1.02);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(3) img{object-position: 50% 25%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(4) img{object-position: 62% center;}
:is(html,body).pb-product .content-nav{display: block; overflow: visible;}
:is(html,body).pb-product .content-nav-inner{display: flex; justify-content: center; gap: 8px; width: 100%; max-width: 100%; overflow-x: auto; scrollbar-width: none;}
:is(html,body).pb-product .content-nav-inner::-webkit-scrollbar{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{transform: scale(1.55);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-quick-proof span{overflow-wrap: anywhere;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-kicker-light{color: rgb(169, 223, 218) !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-panel{margin-top: 34px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 6px; background: rgb(32, 44, 42);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading{display: flex; justify-content: space-between; gap: 22px; align-items: end; padding: 22px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.16);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading > div{display: flex; flex-direction: column;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading small{color: rgb(168, 196, 192); font-size: 13px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading span{font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading h4{margin: 6px 0px 0px; color: rgb(255, 255, 255); font-size: clamp(26px, 3vw, 38px); line-height: 1.05; letter-spacing: -0.04em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-ingredients{padding: 17px 20px; line-height: 1.5; margin: 0px !important; color: rgb(185, 200, 197) !important; font-size: 13px !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-ingredients strong{color: rgb(255, 255, 255) !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards > small{display: block; margin-top: 12px; color: var(--muted); font-size: 11px; line-height: 1.4;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards-grid img:last-child:nth-child(2n+1){grid-column: 1 / -1; justify-self: center; width: min(100%, 128px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-media-dialog[open]{position: fixed; inset: 0px; z-index: 100000; width: min(520px, -32px + 100vw); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0px; overflow: auto; border: 0px; border-radius: var(--radius); background: rgb(7, 31, 30); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-media-dialog::backdrop{background: rgba(2, 24, 22, 0.76);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .media-dialog__head{display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 10px 16px; background: rgb(16, 46, 43); color: rgb(255, 255, 255);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .media-dialog__head button{display: grid; width: 40px; height: 40px; place-items: center; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 4px; background: transparent; color: rgb(255, 255, 255); font-size: 27px; line-height: 1; cursor: pointer;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .media-dialog__body{display: grid; min-height: min(76vh, 680px); place-items: center; background: rgb(0, 0, 0);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .media-dialog__body video,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .media-dialog__body iframe{display: block; width: 100%; height: min(76vh, 680px); max-height: min(76vh, 680px); border: 0px; object-fit: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card img{position: absolute; inset: 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(1) img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(2) img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(3) img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(4) img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(5) img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(6) img{transform: none; object-position: center center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(1):hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(2):hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(3):hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(4):hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(5):hover img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(6):hover img{transform: scale(1.02);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(4) img{object-position: 50% 30%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(5) img,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card:nth-child(6) img{object-position: 50% 28%;}
@media (max-width: 860px) {:is(html,body).pb-product .content-nav-inner{justify-content: flex-start;}
}
@media (max-width: 520px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-heading{align-items: flex-start; flex-direction: column; gap: 8px; padding: 20px 17px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-composition-ingredients{padding: 15px 17px;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{width: 150px; height: 150px; margin-bottom: 8px; transform: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section{grid-template-columns: 280px minmax(0px, 1fr); gap: 30px; margin-top: 18px; padding: 36px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta{margin-top: 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-content h2{margin-bottom: 18px; font-size: 42px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section{grid-template-columns: 340px minmax(0px, 1fr); gap: 34px; padding: 35px; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside h2{max-width: 11ch; margin: 0px 0px 16px; font-size: 42px; line-height: 1.05; letter-spacing: -0.04em;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside > p{color: var(--muted);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{margin-top: 20px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards-grid img:last-child:nth-child(2n+1){grid-column: auto; width: 100%;}
@media (max-width: 980px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-facts{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{grid-column: auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-review-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-grid{grid-auto-columns: minmax(250px, 44%); margin-right: 0px;}
}
@media (max-width: 860px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section{gap: 28px; padding: 22px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{display: block;}
}
@media (max-width: 600px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{width: 84px; height: 84px; margin-bottom: 6px; transform: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-section{padding: 27px 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-reviews-content h2{font-size: 38px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-section{padding: 26px 18px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside h2{font-size: 38px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{display: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-grid{grid-auto-columns: minmax(250px, 82vw); margin-right: -16px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-card{min-height: 440px;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{max-width: none;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2 > span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2 > span{display: block; white-space: nowrap;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro p strong{color: var(--ink);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-grid{grid-template-columns: minmax(0px, 1.2fr) minmax(390px, 0.8fr); align-items: stretch;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card{min-height: 520px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card-copy h3{max-width: 17ch; font-size: clamp(33px, 3.8vw, 50px);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-fact-primary{min-height: 190px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside{position: sticky; top: 82px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{background: rgb(247, 250, 249);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-list details p{line-height: 1.62;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2 > span:first-child{white-space: nowrap;}
@media (max-width: 1100px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-grid{grid-template-columns: minmax(0px, 1.08fr) minmax(330px, 0.92fr);}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2 > span{white-space: normal;}
}
@media (max-width: 980px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-grid{grid-template-columns: 1fr;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card{min-height: 540px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-aside{position: static;}
}
@media (max-width: 600px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2 > span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2 > span,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2 > span:first-child{white-space: normal;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2{font-size: 34px; line-height: 1.01;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{font-size: 30px; line-height: 1.02;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-performance-card{min-height: 520px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-faq-awards{display: block;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-table{grid-template-columns: 150px 280px 280px; width: 100%; overflow-x: auto; overscroll-behavior-inline: contain;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head{min-height: 178px; padding: 14px 12px; font-size: 14px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-label,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-value{min-height: 84px; padding: 12px 11px; font-size: 14px; overflow-wrap: normal;}
}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-kicker{margin: 0px 0px 10px; color: rgb(0, 100, 96); font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.35; letter-spacing: 0.13em; text-transform: uppercase;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-kicker:not(.pb-c-section-kicker-light){color: rgb(0, 100, 96) !important; font-size: 16px !important; font-style: normal !important; font-weight: 700 !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-kicker-light{color: rgb(200, 241, 237) !important;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading h2{line-height: 1.08;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2{line-height: 1.04;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{line-height: 1.1;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight{grid-template-columns: 112px minmax(0px, 1fr) auto; min-height: 104px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight img{width: 112px; height: 100%; min-height: 104px; object-position: 50% 36%;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight > span{padding: 12px 0px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-grid{align-items: start;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other{display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-rows: 184px 50px; place-content: end stretch; place-items: end center;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{width: 184px; height: 184px; margin: 0px; justify-self: center; object-position: center bottom;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori strong,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other strong{align-self: stretch; display: flex; align-items: flex-start; justify-content: center; width: 100%; margin-top: 0px; padding-top: 10px; line-height: 1.25;}
@media (min-width: 861px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-section .pb-c-section-heading > p:last-child,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-research-voices .pb-c-section-heading > p:last-child{max-width: none; white-space: nowrap;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-video-section .pb-c-section-heading h2{max-width: none;}
}
@media (max-width: 600px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-section-heading h2{line-height: 1.09;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-story-intro h2{line-height: 1.06;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-final-cta-copy h2{line-height: 1.12;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight{grid-template-columns: 96px minmax(0px, 1fr) auto;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-women-insight img{width: 96px; min-height: 112px;}
}
@media (max-width: 860px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other{grid-template-rows: 112px 44px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{width: 112px; height: 112px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori strong,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other strong{padding-top: 8px;}
}
@media (max-width: 430px) {:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori,:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-other{grid-template-rows: 86px 44px;}
:is(html,body).pb-product :is(#pb-short,#pb-long,.pb-content-nav) .pb-c-comparison-head-puori img{width: 86px; height: 86px;}
}
:is(html, body).pb-product{--pb-ink: #172423; --pb-muted: #667674; --pb-line: #c9dcda; --pb-line-strong: #b7d2cf; --pb-soft: #f3f7f6; --pb-tint: #e7f4f2; --pb-surface: #fff; --pb-accent: #006460; --pb-accent-dark: #004f4c; --pb-promo: #a53c2f; --pb-promo-soft: #fff3f0; --pb-positive: #16874b; --pb-gold: #d88900; --pb-radius: 8px; --accent: var(--pb-accent); --accent-dark: var(--pb-accent-dark); --accent-soft: var(--pb-tint); --ink: var(--pb-ink); --muted: var(--pb-muted); --line: var(--pb-line); --soft: var(--pb-soft); --surface: var(--pb-surface); --promo: var(--pb-promo); --radius: var(--pb-radius);}
:is(html, body).pb-product #pb-short,:is(html, body).pb-product #pb-long,:is(html, body).pb-product #pb-video-dialog{font-family: inherit;}
:is(html, body).pb-product #pb-short,:is(html, body).pb-product #pb-long{box-sizing: border-box; color: var(--pb-ink);}
:is(html, body).pb-product #pb-short *,:is(html, body).pb-product #pb-long *,:is(html, body).pb-product #pb-video-dialog *{box-sizing: border-box;}
:is(html, body).pb-product #pb-short img,:is(html, body).pb-product #pb-long img{max-width: 100%;}
:is(html, body).pb-product #pb-short{width: 100%; max-width: 100%; margin: 22px 0px 6px; background: transparent;}
:is(html, body).pb-product #pb-short .pb-c-audience-tags,:is(html, body).pb-product #pb-short .pb-c-quick-proof,:is(html, body).pb-product #pb-short .pb-c-women-insight{max-width: 100%;}
:is(html, body).pb-product .p-short-description .vice-info,:is(html, body).pb-product .social-buttons-wrapper{display: none !important;}
:is(html, body).pb-product .p-detail-tabs-wrapper .shp-tabs-row{display: none !important;}
:is(html, body).pb-product #description > .description-inner > h3:first-child,:is(html, body).pb-product #description > .tab-mobil.tab-popis{display: none !important;}
:is(html, body).pb-product #description .description-inner{max-width: none; padding-top: 0px;}
:is(html, body).pb-product #pb-long{width: min(1220px, 100%); max-width: 100%; margin-inline: auto; background: transparent;}
:is(html, body).pb-product #pb-short a,:is(html, body).pb-product #pb-long a{text-decoration: none !important;}
:is(html, body).pb-product #pb-term-tooltip,:is(html, body).pb-product .pb-term-tooltip{position: fixed; z-index: 100050; width: max-content; max-width: min(330px, -24px + 100vw); padding: 9px 12px; border: 1px solid rgba(0, 100, 96, 0.24); border-radius: 6px; background: rgb(18, 63, 60); box-shadow: rgba(8, 36, 34, 0.18) 0px 8px 24px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity 80ms, transform 80ms, visibility 80ms; pointer-events: none; color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #pb-term-tooltip.is-visible,:is(html, body).pb-product .pb-term-tooltip.is-visible{opacity: 1; visibility: visible; transform: translateY(0px);}
@media (hover: hover) and (pointer: fine) {:is(html, body).pb-product #pb-long .pb-c-faq-more:hover,:is(html, body).pb-product #pb-long .pb-c-methodology-links a:hover{text-underline-offset: 3px; text-decoration: underline !important;}
}
:is(html, body).pb-product #product-detail-form .availability-value{min-width: 0px; max-width: 100%; flex-wrap: nowrap; gap: 4px; align-items: center; box-sizing: border-box; color: var(--pb-muted); font-size: 14px; line-height: 1.3; white-space: nowrap; display: flex !important;}
:is(html, body).pb-product #product-detail-form .availability-label{display: inline-flex; align-items: center; font-weight: 800;}
:is(html, body).pb-product #product-detail-form .availability-label::after{content: ". ";}
:is(html, body).pb-product #product-detail-form .delivery-time{display: inline-flex !important; align-items: center;}
:is(html, body).pb-product #product-detail-form .delivery-time::before{content: none;}
:is(html, body).pb-product #product-detail-form .delivery-in-detail{display: block !important; width: auto !important; margin: 0px !important;}
:is(html, body).pb-product #product-detail-form .delivery-in-detail th{display: block !important; width: auto !important; padding: 0px !important;}
:is(html, body).pb-product #product-detail-form .delivery-time-label{display: none !important;}
:is(html, body).pb-product #product-detail-form .shipping-options{margin-left: 4px; color: var(--pb-accent); font-weight: 700; text-underline-offset: 2px;}
:is(html, body).pb-product #product-detail-form .shipping-options::before{display: none !important;}
:is(html, body).pb-product #product-detail-form .quantity-discounts{scroll-margin-top: 96px; margin-top: 10px !important; margin-bottom: 18px !important;}
:is(html, body).pb-product #product-detail-form .quantity-discounts__headline{margin-bottom: 12px; font-size: 20px; font-style: normal; font-weight: 800; line-height: 1.25; text-wrap: balance; color: var(--pb-ink) !important;}
:is(html, body).pb-product .pb-quantity-table{gap: 14px; width: 100%; display: grid !important;}
:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item{position: relative; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 16px; align-items: center; min-height: 82px; color: var(--pb-ink); cursor: pointer; transition: border-color 160ms, background-color 160ms, box-shadow 160ms, transform 140ms; display: grid !important; margin: 0px !important; padding: 16px !important; border: 1px solid var(--pb-line-strong) !important; border-radius: 6px !important; background: var(--pb-surface) !important;}
:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item:active{transform: scale(0.99);}
:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item:focus-visible{outline: 3px solid var(--pb-accent); outline-offset: 2px;}
:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item--highlighted{box-shadow: rgba(0, 100, 96, 0.1) 0px 8px 24px; border-color: var(--pb-accent) !important; background: var(--pb-tint) !important;}
:is(html, body).pb-product .pb-quantity-table .pb-quantity-3.quantity-discounts__item--highlighted{box-shadow: rgba(165, 60, 47, 0.12) 0px 8px 24px; border-color: var(--pb-promo) !important; background: var(--pb-promo-soft) !important;}
:is(html, body).pb-product .pb-option-copy strong,:is(html, body).pb-product .pb-option-copy small,:is(html, body).pb-product .pb-option-price strong,:is(html, body).pb-product .pb-option-price small{display: block;}
:is(html, body).pb-product .pb-option-copy strong{font-size: 16px; font-weight: 800; color: var(--pb-ink) !important;}
:is(html, body).pb-product .pb-option-copy small,:is(html, body).pb-product .pb-option-price small{margin-top: 3px; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--pb-muted) !important;}
:is(html, body).pb-product .pb-option-price{color: var(--pb-ink); font-size: 0px; text-align: right;}
:is(html, body).pb-product .pb-option-price strong{font-size: 17px; font-weight: 800; line-height: 1.25; color: var(--pb-ink) !important;}
:is(html, body).pb-product .pb-best-badge{position: absolute; top: -10px; left: 14px; padding: 4px 8px; border-radius: 3px; background: var(--pb-promo); font-size: 14px; font-weight: 800; line-height: 1.25; color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product .pb-option-benefits{display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 6px 14px; padding-top: 9px; border-top: 1px solid var(--pb-line); color: var(--pb-positive); font-size: 14px; line-height: 1.35;}
:is(html, body).pb-product .pb-option-benefits b,:is(html, body).pb-product .pb-option-benefits .pb-free-shipping{color: var(--pb-positive) !important; font-weight: 800;}
:is(html, body).pb-product .quantity-discounts__save{display: none !important;}
:is(html, body).pb-product #product-detail-form .price-final-holder{display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: baseline;}
:is(html, body).pb-product #product-detail-form .pb-main-price-old{font-size: 0.62em; font-weight: 500; text-decoration: line-through; white-space: nowrap; color: rgb(180, 61, 50) !important;}
:is(html, body).pb-product #product-detail-form .pb-main-price-current{color: inherit; font: inherit; white-space: nowrap;}
@media (hover: hover) and (pointer: fine) {:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item:hover{border-color: var(--pb-accent) !important; background: var(--pb-soft) !important;}
}
:is(html, body).pb-product .pb-benefit-banner{box-sizing: border-box; max-width: 100%;}
@media (min-width: 768px) {:is(html, body).pb-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0px !important;}
:is(html, body).pb-product .pb-benefit-banner{grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top: 1px solid var(--pb-line); border-bottom: 1px solid var(--pb-line); display: grid !important; width: 100% !important; margin: 24px 0px 0px !important; padding: 0px !important; background: transparent !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__item{min-width: 0px; width: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__item:nth-child(2n){border-left: 1px solid var(--pb-line) !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__item:nth-child(n+3){border-top: 1px solid var(--pb-line) !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__link{grid-template-columns: 42px minmax(0px, 1fr); gap: 12px; align-items: center; min-height: 94px; display: grid !important; padding: 15px 13px !important; color: var(--pb-ink) !important; text-decoration: none !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__picture{width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0px !important; background-size: contain !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__content{min-width: 0px;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__title{display: block; font-size: 15px; line-height: 1.25; color: var(--pb-ink) !important;}
:is(html, body).pb-product .pb-benefit-banner .benefitBanner__data{margin-top: 4px; font-size: 14px; line-height: 1.35; color: var(--pb-muted) !important;}
}
:is(html, body).pb-product .pb-content-nav{box-sizing: border-box; width: 100%; max-width: none; margin: 34px 0px 18px; padding: 12px; position: relative !important; top: auto !important; z-index: auto !important; border: 1px solid var(--pb-line) !important; border-radius: var(--pb-radius) !important; background: var(--pb-soft) !important; backdrop-filter: none !important;}
:is(html, body).pb-product .pb-content-nav .content-nav-inner{overscroll-behavior-inline: contain; display: flex !important; justify-content: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scrollbar-width: none !important;}
:is(html, body).pb-product .pb-content-nav .content-nav-inner::-webkit-scrollbar{display: none !important;}
:is(html, body).pb-product .pb-content-nav a{display: inline-flex; min-height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 9px 13px; font-size: 14px; font-weight: 800; line-height: 1.2; white-space: nowrap; border: 1px solid var(--pb-line) !important; border-radius: 6px !important; background: rgb(255, 255, 255) !important; color: var(--pb-accent) !important; text-decoration: none !important; text-underline-offset: 0px !important;}
:is(html, body).pb-product .pb-content-nav a:hover,:is(html, body).pb-product .pb-content-nav a:focus,:is(html, body).pb-product .pb-content-nav a:focus-visible{border-color: var(--pb-accent) !important; background: var(--pb-tint) !important; color: var(--pb-accent-dark) !important; text-decoration: none !important;}
:is(html, body).pb-product .pb-content-nav a:focus-visible{outline: 2px solid var(--pb-accent); outline-offset: 2px;}
:is(html, body).pb-product .pb-content-nav a.is-active{border-color: var(--pb-accent) !important; background: var(--pb-accent) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #pb-long .pb-c-stars,:is(html, body).pb-product #pb-long .pb-c-review-stars{color: var(--pb-gold) !important; letter-spacing: 2px;}
:is(html, body).pb-product #pb-long .pb-c-review-grid blockquote p{color: rgb(51, 64, 62) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.55 !important;}
:is(html, body).pb-product #pb-long .pb-c-review-grid footer small{color: var(--pb-muted) !important; font-weight: 500 !important;}
:is(html, body).pb-product.pb-no-ratings .p-detail-info{display: none !important;}
:is(html, body).pb-product #pb-long .pb-c-video-grid{overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-color: var(--pb-accent) var(--pb-line); display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(250px, 31%) !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; margin: 0px !important; padding: 0px 0px 10px !important; overflow-x: auto !important;}
:is(html, body).pb-product #pb-long .pb-c-video-grid .pb-c-video-card{transform: none; scroll-snap-align: start; box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; margin: 0px !important;}
:is(html, body).pb-product #pb-video-dialog[open]{position: fixed !important; inset: 0px !important; z-index: 100000 !important; width: min(520px, -32px + 100vw) !important; max-width: none !important; max-height: calc(100dvh - 32px) !important; margin: auto !important; padding: 0px !important; overflow: auto !important; border: 0px !important; border-radius: var(--pb-radius) !important; background: rgb(7, 31, 30) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 80px !important;}
:is(html, body).pb-product #pb-video-dialog::backdrop{background: rgba(2, 24, 22, 0.76) !important;}
:is(html, body).pb-product #pb-video-dialog .media-dialog__head{display: flex !important; min-height: 58px !important; align-items: center !important; justify-content: space-between !important; padding: 10px 16px !important; background: rgb(16, 46, 43) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #pb-video-dialog .media-dialog__head button{display: grid !important; width: 40px !important; min-width: 40px !important; height: 40px !important; place-items: center !important; padding: 0px !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; border-radius: 4px !important; background: transparent !important; color: rgb(255, 255, 255) !important; font-size: 27px !important; line-height: 1 !important; cursor: pointer !important;}
:is(html, body).pb-product #pb-video-dialog .media-dialog__body{display: grid; min-height: min(76dvh, 680px); place-items: center; background: rgb(0, 0, 0);}
:is(html, body).pb-product #pb-video-dialog video,:is(html, body).pb-product #pb-video-dialog iframe{display: block; border: 0px; background: rgb(0, 0, 0); object-fit: contain; width: 100% !important; height: min(76dvh, 680px) !important; max-height: min(76dvh, 680px) !important;}
:is(html, body).pb-product.pb-video-open{overflow: hidden !important;}
:is(html, body).pb-product #pb-long .pb-c-section-kicker:not(.pb-c-section-kicker-light){color: rgb(0, 100, 96) !important; font-size: 16px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.35 !important;}
:is(html, body).pb-product #pb-long .pb-c-faq-aside{position: sticky; top: 82px;}
:is(html, body).pb-product #pb-long .pb-c-faq-awards{display: block;}
:is(html, body).pb-product #pb-long .pb-c-comparison-table,:is(html, body).pb-product #pb-long .pb-c-routine-section,:is(html, body).pb-product #pb-long .pb-c-mixing-comfort,:is(html, body).pb-product #pb-long .pb-c-reviews-section,:is(html, body).pb-product #pb-long .pb-c-video-card,:is(html, body).pb-product #pb-long .pb-c-faq-section,:is(html, body).pb-product #pb-long .pb-c-final-cta{border-radius: var(--pb-radius) !important;}
@media (max-width: 767px) {:is(html, body).pb-product #product-detail-form .p-short-description{margin-bottom: 10px !important; padding-bottom: 0px !important;}
:is(html, body).pb-product #product-detail-form .availability-value{gap: 3px; min-height: 36px; border: 1px solid var(--pb-line); border-radius: 6px; background: var(--pb-soft); font-size: 12px; letter-spacing: -0.01em; margin: 0px 0px 12px !important; padding: 8px 9px !important;}
:is(html, body).pb-product #product-detail-form .shipping-options{width: 26px; min-width: 26px; height: 26px; place-items: center; margin-left: 1px; overflow: hidden; font-size: 0px; text-decoration: none; display: inline-grid !important;}
:is(html, body).pb-product #product-detail-form .shipping-options::before{font-size: 18px; line-height: 1; display: block !important; margin: 0px !important;}
:is(html, body).pb-product #product-detail-form .price-final-holder{font-size: 36px !important; line-height: 1.1;}
:is(html, body).pb-product .pb-content-nav{width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; margin: 24px 16px 14px !important;}
:is(html, body).pb-product .pb-content-nav .content-nav-inner{justify-content: flex-start !important;}
:is(html, body).pb-product #pb-long .pb-c-video-grid{grid-auto-columns: minmax(250px, 82vw) !important;}
:is(html, body).pb-product #pb-long .pb-c-comparison-section{overflow: visible !important;}
:is(html, body).pb-product #pb-long .pb-c-comparison-table{max-width: 100%; overflow-x: auto !important; overscroll-behavior-inline: contain !important;}
:is(html, body).pb-product #pb-long .pb-c-comparison-scroll-hint{display: block !important; color: var(--pb-accent) !important; font-size: 14px !important; font-weight: 800 !important;}
:is(html, body).pb-product #pb-long .pb-c-faq-aside{position: static; top: auto;}
:is(html, body).pb-product #pb-long .pb-c-faq-awards{display: block !important;}
}
@media (max-width: 430px) {:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item{grid-template-columns: 1fr;}
:is(html, body).pb-product .pb-option-price{text-align: left;}
:is(html, body).pb-product .pb-option-benefits{gap: 5px 12px;}
}
@media (max-width: 376px) {:is(html, body).pb-product #pb-short .pb-c-quick-proof strong{font-size: 15px;}
:is(html, body).pb-product .pb-content-nav a{padding-inline: 11px;}
}
@media (prefers-reduced-motion: reduce) {:is(html, body).pb-product .pb-quantity-table .quantity-discounts__item{transition-duration: 0.01ms !important;}
}
:is(html, body).pb-product #pb-long .pb-performance-card .pb-c-performance-card-copy h3,:is(html, body).pb-product #pb-long .pb-c-story-fact-primary > strong,:is(html, body).pb-product #pb-long .pb-c-forms-explainer .pb-c-forms-intro h3,:is(html, body).pb-product #pb-long .pb-c-mixing-comfort .pb-c-mixing-comfort-intro h2,:is(html, body).pb-product #pb-long .pb-c-video-card .pb-c-video-copy strong,:is(html, body).pb-product #pb-long .pb-c-final-cta .pb-c-final-cta-copy h2,:is(html, body).pb-product #pb-video-dialog .media-dialog__head strong{color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #pb-long .pb-comparison-table .pb-c-comparison-head{display: grid !important; grid-template-rows: 184px 52px !important; place-items: end center !important; justify-content: stretch !important;}
:is(html, body).pb-product #pb-long .pb-comparison-table .pb-c-comparison-product-media{align-self: end !important;}
:is(html, body).pb-product #pb-long .pb-comparison-table .pb-c-comparison-head > strong{align-self: start !important; line-height: 1.22 !important;}
:is(html, body).pb-product #pb-long .pb-c-comparison-head-puori img,:is(html, body).pb-product #pb-long .pb-c-comparison-head-other img{width: 184px !important; height: 184px !important; margin: 0px !important; object-fit: contain !important; object-position: center bottom !important;}
@media (max-width: 860px) {:is(html, body).pb-product #pb-long .pb-c-comparison-head-puori img,:is(html, body).pb-product #pb-long .pb-c-comparison-head-other img{width: 112px !important; height: 112px !important;}
}
@media (max-width: 430px) {:is(html, body).pb-product #pb-long .pb-comparison-table .pb-c-comparison-head{grid-template-rows: 96px 48px !important;}
:is(html, body).pb-product #pb-long .pb-c-comparison-head-puori img,:is(html, body).pb-product #pb-long .pb-c-comparison-head-other img{width: 86px !important; height: 86px !important;}
}
:is(html, body).pb-product #pb-long .pb-performance-card .pb-c-performance-card-copy p,:is(html, body).pb-product #pb-long .pb-c-mixing-comfort .pb-c-mixing-comfort-points article:first-of-type p{color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #pb-long .pb-c-story-fact-primary p{color: rgb(216, 236, 234) !important;}
:is(html, body).pb-product #pb-long .pb-performance-card .pb-c-performance-card-copy small{color: rgba(255, 255, 255, 0.78) !important;}
:is(html, body).pb-product #pb-long .pb-c-story-fact-primary > span{color: rgb(203, 229, 226) !important;}
:is(html, body).pb-product #pb-long .pb-c-forms-explainer .pb-c-forms-intro > span{color: rgb(157, 219, 213) !important;}
:is(html, body).pb-product #pb-long .pb-c-forms-explainer .pb-c-forms-intro p{color: rgb(200, 211, 208) !important;}
:is(html, body).pb-product #pb-long .pb-c-mixing-comfort .pb-c-mixing-comfort-intro > p:not(.pb-c-section-kicker){color: rgb(213, 233, 230) !important;}
:is(html, body).pb-product #pb-long .pb-c-mixing-comfort .pb-c-mixing-comfort-points article:first-of-type h3{color: rgb(169, 223, 218) !important;}
:is(html, body).pb-product #pb-long .pb-c-mixing-comfort .pb-c-mixing-comfort-points article:first-of-type small{color: rgb(210, 231, 228) !important;}
:is(html, body).pb-product #pb-long .pb-c-video-card .pb-c-video-copy small{color: rgba(255, 255, 255, 0.76) !important;}
:is(html, body).pb-product #pb-long .pb-c-final-cta .pb-c-final-cta-copy p{color: rgba(255, 255, 255, 0.86) !important; text-shadow: rgba(0, 0, 0, 0.42) 0px 2px 12px !important;}
:is(html, body).pb-product #pb-long .pb-c-final-cta .pb-c-final-cta-copy h2{text-shadow: rgba(0, 0, 0, 0.42) 0px 2px 12px !important;}
:is(html, body).pb-product #pb-long .pb-c-section-kicker-light,:is(html, body).pb-product #pb-long .pb-c-final-cta .pb-c-section-kicker-light{color: rgb(200, 241, 237) !important;}
:is(html, body).pb-product #pb-long .pb-performance-card .pb-c-section-kicker-light{color: rgb(217, 255, 251) !important; text-shadow: rgba(0, 0, 0, 0.48) 0px 1px 2px !important;}
:is(html, body).pb-product #pb-long .pb-c-forms-explainer,:is(html, body).pb-product #pb-long .pb-c-mixing-comfort,:is(html, body).pb-product #pb-long .pb-c-video-card,:is(html, body).pb-product #pb-long .pb-c-final-cta{color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #pb-long .pb-c-final-cta .pb-c-button-light{display: inline-flex !important; min-height: 50px !important; align-items: center !important; justify-content: center !important; padding: 0px 18px !important; border: 1px solid rgb(255, 255, 255) !important; border-radius: 6px !important; background: rgb(255, 255, 255) !important; color: rgb(0, 100, 96) !important; font-weight: 800 !important; line-height: 1.2 !important; text-decoration: none !important;}
:is(html, body).pb-product #pb-long .pb-c-video-card .pb-c-play-icon{display: grid !important; width: 52px !important; height: 52px !important; place-items: center !important; border: 1px solid rgba(255, 255, 255, 0.64) !important; border-radius: 50% !important; background: rgba(0, 50, 47, 0.68) !important; color: rgb(255, 255, 255) !important; font-size: 18px !important; line-height: 1 !important;}
:is(html, body).pb-product #pb-video-dialog .media-dialog__head button,:is(html, body).pb-product #pb-video-dialog .media-dialog__head button:hover,:is(html, body).pb-product #pb-video-dialog .media-dialog__head button:focus,:is(html, body).pb-product #pb-video-dialog .media-dialog__head button:focus-visible{border-color: rgba(255, 255, 255, 0.5) !important; background: transparent !important; color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #description #pb-long .pb-performance-card .pb-c-performance-card-copy > p.pb-c-section-kicker.pb-c-section-kicker-light{color: rgb(217, 255, 251) !important; -webkit-text-fill-color: rgb(217, 255, 251) !important; text-shadow: rgba(0, 0, 0, 0.48) 0px 1px 2px !important;}
:is(html, body).pb-product #description #pb-long #testing h2,:is(html, body).pb-product #description #pb-long #testing .pb-c-test-results strong,:is(html, body).pb-product #description #pb-long #testing .pb-c-testing-expiry strong{color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important;}
:is(html, body).pb-product #description #pb-long #testing .pb-c-testing-summary strong{color: rgb(158, 230, 222) !important; -webkit-text-fill-color: rgb(158, 230, 222) !important;}

/* Preserve the approved PB composition against native Shoptet typography. */
:is(html,body).pb-product .pb-scope{font-family:inherit;line-height:1.55;font-size:16px;color:#172321}
:is(html,body).pb-product .pb-scope,:is(html,body).pb-product .pb-scope *{box-sizing:border-box}
:is(html,body).pb-product #pb-long#pb-long h2,:is(html,body).pb-product #pb-long#pb-long h3,:is(html,body).pb-product #pb-long#pb-long h4{font-family:inherit;font-weight:800;font-style:normal}
:is(html,body).pb-product #pb-long#pb-long .pb-c-category-card-primary h3,:is(html,body).pb-product #pb-long#pb-long .pb-c-performance-card h3,:is(html,body).pb-product #pb-long#pb-long .pb-c-testing-section h2,:is(html,body).pb-product #pb-long#pb-long .pb-c-test-results strong,:is(html,body).pb-product #pb-long#pb-long .pb-c-final-cta h2,:is(html,body).pb-product #pb-long#pb-long .pb-c-mixing-comfort-intro h2,:is(html,body).pb-product #pb-long#pb-long .pb-c-forms-intro h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-story-fact>strong{color:#006460!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-story-fact-primary>strong{color:#fff!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-comparison-value-puori{color:#006460!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-term{display:inline!important;font:inherit!important;letter-spacing:inherit!important;border:0!important;border-bottom:1px dotted currentColor!important;padding:0 0 3px!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-term::after{display:none!important}
:is(html,body).pb-product #pb-long#pb-long .pb-ingredient-grid .pb-c-forms-evidence-number .pb-c-term{font-size:22px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:normal!important;white-space:normal!important}
:is(html,body).pb-product .pb-content-nav{max-width:1220px!important;margin-inline:auto!important}
:is(html,body).pb-product .pb-content-nav .content-nav-inner{justify-content:safe center!important}
:is(html,body).pb-product #pb-long .pb-c-final-cta>img,:is(html,body).pb-product #pb-long .pb-c-performance-card>img,:is(html,body).pb-product #pb-long .pb-c-mixing-comfort-photo{height:100%!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-routine-grid img{height:290px!important;object-fit:cover}
:is(html,body).pb-product #pb-long#pb-long .pb-c-research-voice-institution img{object-fit:contain}
:is(html,body).pb-product #pb-long#pb-long .pb-c-testing-actions .pb-c-button-light{color:#006460!important;background:#fff!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-testing-ai a{color:#fff!important}
:is(html,body).pb-product #pb-long#pb-long .pb-c-test-check{color:#9ee6de!important;margin-right:4px}
:is(html,body).pb-product #pb-long#pb-long .pb-c-faq-more{text-decoration:underline!important;text-underline-offset:3px}
:is(html,body).pb-product #pb-long#pb-long .pb-c-faq-list details{padding-bottom:18px}
:is(html,body).pb-product #pb-long .pb-c-comparison-value-copy{display:block;min-width:0}
:is(html,body).pb-product #pb-long .pb-c-video-grid{grid-auto-columns:minmax(280px,40%)!important}
:is(html,body).pb-product .pb-benefit-banner .benefitBanner__picture img{width:42px!important;height:42px!important;max-width:none!important;object-fit:contain!important}
:is(html,body).pb-product .pb-benefit-banner .benefitBanner__picture{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;flex:0 0 42px!important}
@media(max-width:860px){
 :is(html,body).pb-product #description .description-inner{padding-inline:0!important}
 :is(html,body).pb-product .pb-content-nav{max-width:calc(100% - 32px)!important}
 :is(html,body).pb-product .pb-content-nav .content-nav-inner{justify-content:flex-start!important}
 :is(html,body).pb-product #pb-long .pb-final-cta>img{height:auto!important;aspect-ratio:1;object-fit:cover;object-position:right center}
 :is(html,body).pb-product #pb-long .pb-fit .pb-c-mixing-comfort-photo{height:350px!important}
 :is(html,body).pb-product #pb-long .pb-c-video-grid{grid-auto-columns:minmax(250px,82vw)!important}
}


/* electrolytes.css */
:is(html, body).electrolytes-product .electrolytes-scope{--ink: #172423; --muted: #667674; --line: #c9dcda; --soft: #eef7f6; --accent: #006460; --accent-2: #00877f; --positive: #168548; --warning: #b64131; --white: #fff; --radius: 8px;}
:is(html, body).electrolytes-product .audience-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px;}
:is(html, body).electrolytes-product .audience-tags a{display: inline-flex; min-height: 38px; align-items: center; padding: 7px 11px; border: 1px solid var(--line); border-radius: 5px; color: var(--accent); font-size: 14px; font-weight: 700; text-decoration: none;}
:is(html, body).electrolytes-product .audience-tags a:hover,:is(html, body).electrolytes-product .audience-tags a:focus-visible{border-color: var(--accent); background: var(--soft);}
:is(html, body).electrolytes-product .quick-proof{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html, body).electrolytes-product .quick-proof a{display: flex; min-height: 96px; flex-direction: column; justify-content: center; padding: 15px 17px; text-decoration: none;}
:is(html, body).electrolytes-product .quick-proof a:nth-child(2n+1){border-right: 1px solid var(--line);}
:is(html, body).electrolytes-product .quick-proof a:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product .quick-proof strong{color: var(--accent); font-size: 17px;}
:is(html, body).electrolytes-product .quick-proof span{margin-top: 3px; color: var(--muted); font-size: 14px;}
@media (max-width: 520px) {:is(html, body).electrolytes-product .audience-tags{display: grid; grid-template-columns: 1fr 1fr;}
:is(html, body).electrolytes-product .audience-tags a{align-items: flex-start; font-size: 14px; line-height: 1.25;}
:is(html, body).electrolytes-product .quick-proof a{min-height: 108px; padding: 13px;}
:is(html, body).electrolytes-product .quick-proof strong{font-size: 16px;}
}
@media (max-width: 376px) {:is(html, body).electrolytes-product .audience-tags{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product .quick-proof strong{font-size: 15px;}
:is(html, body).electrolytes-product .quick-proof span{font-size: 14px;}
}
:is(html, body).electrolytes-product .batch-link-row{display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin: 14px 0px 24px; padding: 14px 16px; border-radius: var(--radius); background: rgb(231, 244, 242);}
:is(html, body).electrolytes-product .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).electrolytes-product .batch-link-row strong{font-size: 15px;}
:is(html, body).electrolytes-product .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).electrolytes-product .batch-link-row a{color: var(--accent); font-weight: 800; text-underline-offset: 3px;}
:is(html, body).electrolytes-product #electrolytes-short,:is(html, body).electrolytes-product #electrolytes-long,:is(html, body).electrolytes-product #electrolytes-video-dialog{font-family: inherit !important;}
:is(html, body).electrolytes-product #electrolytes-short{margin: 22px 0px 6px; background: transparent;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags{margin-bottom: 12px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a,:is(html, body).electrolytes-product #electrolytes-short .quick-proof a,:is(html, body).electrolytes-product #electrolytes-short .batch-link-row a{text-decoration: none !important;}
:is(html, body).electrolytes-product #description > .description-inner > h3:first-child{display: none;}
:is(html, body).electrolytes-product #description .description-inner{max-width: none; padding-top: 0px;}
:is(html, body).electrolytes-product #electrolytes-long{width: min(1220px, 100%); margin-inline: auto; background: transparent;}
:is(html, body).electrolytes-product #product-detail-form .quantity-discounts{scroll-margin-top: 96px; margin-top: 10px !important; margin-bottom: 18px !important;}
:is(html, body).electrolytes-product #product-detail-form .quantity-discounts__headline{color: var(--electrolytes-ink); font-size: 20px; font-weight: 800; line-height: 1.25; text-wrap: balance;}
:is(html, body).electrolytes-product .electrolytes-quantity-table{gap: 14px; display: grid !important;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{position: relative; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 16px; align-items: center; min-height: 82px; border-radius: 6px; cursor: pointer; transition: border-color 160ms, background-color 160ms, box-shadow 160ms, transform 140ms; display: grid !important; margin: 0px !important; padding: 16px !important; border: 1px solid var(--electrolytes-line-strong) !important; background: var(--electrolytes-surface) !important;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item:active{transform: scale(0.99);}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item:focus-visible{outline: 3px solid var(--electrolytes-accent); outline-offset: 2px;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item--highlighted{box-shadow: rgba(0, 100, 96, 0.1) 0px 8px 24px; border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-tint) !important;}
:is(html, body).electrolytes-product .electrolytes-quantity-table .electrolytes-quantity-3.quantity-discounts__item--highlighted{box-shadow: rgba(165, 60, 47, 0.12) 0px 8px 24px; border-color: var(--electrolytes-promo) !important; background: var(--electrolytes-promo-soft) !important;}
:is(html, body).electrolytes-product .electrolytes-option-copy strong,:is(html, body).electrolytes-product .electrolytes-option-copy small,:is(html, body).electrolytes-product .electrolytes-option-price strong,:is(html, body).electrolytes-product .electrolytes-option-price small{display: block;}
:is(html, body).electrolytes-product .electrolytes-option-copy strong{color: var(--electrolytes-ink); font-size: 16px; font-weight: 800;}
:is(html, body).electrolytes-product .electrolytes-option-copy small,:is(html, body).electrolytes-product .electrolytes-option-price small{margin-top: 3px; color: var(--electrolytes-muted); font-size: 14px; line-height: 1.35;}
:is(html, body).electrolytes-product .electrolytes-option-price{color: var(--electrolytes-ink); font-size: 0px; text-align: right;}
:is(html, body).electrolytes-product .electrolytes-option-price strong{font-size: 17px; line-height: 1.25;}
:is(html, body).electrolytes-product .electrolytes-best-badge{position: absolute; top: -10px; left: 14px; padding: 4px 8px; border-radius: 3px; background: var(--electrolytes-promo); color: rgb(255, 255, 255); font-size: 14px; font-weight: 800; line-height: 1.25;}
:is(html, body).electrolytes-product .electrolytes-option-benefits{display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 6px 14px; padding-top: 9px; border-top: 1px solid var(--electrolytes-line); color: var(--electrolytes-positive); font-size: 14px;}
:is(html, body).electrolytes-product .quantity-discounts__save{display: none !important;}
:is(html, body).electrolytes-product #product-detail-form .price-final-holder{display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: baseline;}
:is(html, body).electrolytes-product #product-detail-form .electrolytes-main-price-old{color: rgb(180, 61, 50); font-size: 0.62em; font-weight: 500; text-decoration: line-through; white-space: nowrap;}
:is(html, body).electrolytes-product #product-detail-form .electrolytes-main-price-current{color: inherit; font: inherit; white-space: nowrap;}
:is(html, body).electrolytes-product #electrolytes-video-dialog[open]{overflow: auto; position: fixed !important; inset: 0px !important; z-index: 100000 !important; width: min(520px, -32px + 100vw) !important; max-width: none !important; max-height: calc(100dvh - 32px) !important; margin: auto !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog video,:is(html, body).electrolytes-product #electrolytes-video-dialog iframe{object-fit: contain; width: 100% !important; height: min(78dvh, 780px) !important; max-height: min(78dvh, 780px) !important;}
:is(html, body).electrolytes-product.electrolytes-video-open{overflow: hidden;}
@media (hover: hover) and (pointer: fine) {:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item:hover{border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-soft) !important;}
}
@media (min-width: 768px) {:is(html, body).electrolytes-product .electrolytes-benefit-banner{grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top: 1px solid var(--electrolytes-line); border-bottom: 1px solid var(--electrolytes-line); display: grid !important; width: 100% !important; margin: 24px 0px 0px !important; padding: 0px !important; background: transparent !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__item{min-width: 0px; width: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__item:nth-child(2n){border-left: 1px solid var(--electrolytes-line) !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__item:nth-child(n+3){border-top: 1px solid var(--electrolytes-line) !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__link{grid-template-columns: 42px minmax(0px, 1fr); gap: 12px; align-items: center; min-height: 94px; display: grid !important; padding: 15px 13px !important; color: var(--electrolytes-ink) !important; text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__picture{width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0px !important; background-size: contain !important;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__content{min-width: 0px;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__title{display: block; color: var(--electrolytes-ink); font-size: 15px; line-height: 1.25;}
:is(html, body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__data{margin-top: 4px; color: var(--electrolytes-muted); font-size: 14px; line-height: 1.35;}
}
@media (max-width: 767px) {:is(html, body).electrolytes-product #product-detail-form .price-final-holder{font-size: 36px !important; line-height: 1.1;}
}
@media (max-width: 430px) {:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product .electrolytes-option-price{text-align: left;}
}
@media (prefers-reduced-motion: reduce) {:is(html, body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{transition-duration: 0.01ms !important;}
}
:is(html, body).electrolytes-product #electrolytes-long button,:is(html, body).electrolytes-product #electrolytes-long input{font: inherit;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags{display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 14px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags p{width: 100%; margin: 0px 0px 5px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags p span{display: block; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a{border: 1px solid var(--line); border-radius: 7px; padding: 9px 12px; text-decoration: none; color: var(--brand); font-weight: 700;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof{display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a{min-height: 108px; padding: 17px; text-decoration: none; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a:nth-child(2n){border-right: 0px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a:nth-child(n+3){border-bottom: 0px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong,:is(html, body).electrolytes-product #electrolytes-short .quick-proof span{display: block;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong{color: var(--brand); font-size: 18px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof span{color: var(--muted); margin-top: 5px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row{display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin: 14px 0px 24px; padding: 14px 16px; border-radius: var(--radius); background: var(--pale);}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row div{display: flex; flex-direction: column;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row strong{font-size: 15px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row span{margin-top: 2px; color: var(--muted); font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row a{color: var(--brand); font-weight: 800; text-underline-offset: 3px; white-space: nowrap;}
:is(html, body).electrolytes-product .electrolytes-content-nav{position: sticky; top: 0px; z-index: 10; margin: 35px 0px 20px; padding: 12px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); border-radius: var(--radius);}
:is(html, body).electrolytes-product .electrolytes-content-nav a{flex: 0 0 auto; padding: 10px 15px; border-radius: 6px; font-weight: 700; color: var(--brand); text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a:hover,:is(html, body).electrolytes-product .electrolytes-content-nav a:focus-visible{text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a.is-active{background: var(--brand); color: white;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading{max-width: 980px; padding: 30px 0px 24px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading > p,:is(html, body).electrolytes-product #electrolytes-long .routine-section > div > p,:is(html, body).electrolytes-product #electrolytes-long .testing-header p,:is(html, body).electrolytes-product #electrolytes-long .final-cta p{color: var(--brand); font-weight: 800; text-transform: uppercase; letter-spacing: 0.13em; margin: 0px 0px 10px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading h2,:is(html, body).electrolytes-product #electrolytes-long .testing-header h2{font-size: clamp(38px, 5vw, 68px); letter-spacing: -0.05em; line-height: 1.03; margin: 0px 0px 16px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading > span{display: block; color: var(--muted); font-size: 19px;}
:is(html, body).electrolytes-product #electrolytes-long .story-section,:is(html, body).electrolytes-product #electrolytes-long .contents-section,:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .comparison-section,:is(html, body).electrolytes-product #electrolytes-long .testing-section,:is(html, body).electrolytes-product #electrolytes-long .videos-section,:is(html, body).electrolytes-product #electrolytes-long .research-voices,:is(html, body).electrolytes-product #electrolytes-long .faq-section,:is(html, body).electrolytes-product #electrolytes-long .final-cta{margin-top: 18px;}
:is(html, body).electrolytes-product #electrolytes-long .story-grid{display: grid; grid-template-columns: 1.8fr 1fr; gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo{position: relative; min-height: 620px; overflow: hidden; border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .story-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(2, 47, 44, 0.9), rgba(2, 47, 44, 0.12) 70%);}
:is(html, body).electrolytes-product #electrolytes-long .story-photo > div{position: absolute; z-index: 1; left: 7%; bottom: 7%; max-width: 620px; color: white;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo h3{font-size: clamp(38px, 5vw, 68px); line-height: 1; margin: 8px 0px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article{background: rgb(240, 244, 243); border-radius: var(--radius); padding: 26px; display: flex; flex-direction: column; justify-content: flex-end;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts .primary{background: var(--brand); color: white;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts strong{font-size: clamp(54px, 7vw, 94px); line-height: 1;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article:nth-child(2) > strong{color: var(--brand);}
:is(html, body).electrolytes-product #electrolytes-long .story-facts p{color: inherit;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts .wide{grid-column: 1 / -1;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid div{background: rgb(240, 244, 243); padding: 16px;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 26px; color: var(--brand);}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid small{display: block; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards article{display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); padding: 26px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top{display: grid; grid-template-columns: 52px minmax(0px, 1fr); align-items: center; gap: 14px; min-height: 104px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards b{display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--brand); color: white; font-size: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top img{display: block; width: 100%; height: 90px; object-fit: contain; object-position: center center; filter: drop-shadow(rgba(16, 48, 44, 0.12) 0px 5px 7px);}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top img[src*="d3-capsule"]{max-width: 90px; justify-self: center;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards h3{font-size: 25px; line-height: 1.15;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards p{color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards a{margin-top: auto; padding-top: 12px; color: var(--brand); font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section{display: grid; grid-template-columns: 1fr 1fr; background: rgb(241, 246, 245); border-radius: var(--radius); overflow: hidden;}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo{min-height: 560px;}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo img{width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 7%; display: flex; flex-direction: column; justify-content: center;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section h2{font-size: clamp(38px, 4vw, 60px); line-height: 1.02; margin: 0px 0px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .steps{display: grid; gap: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .steps article{background: white; border: 1px solid var(--line); border-radius: 7px; padding: 13px 15px;}
:is(html, body).electrolytes-product #electrolytes-long .steps strong,:is(html, body).electrolytes-product #electrolytes-long .steps span{display: block;}
:is(html, body).electrolytes-product #electrolytes-long .steps span{color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .routine-section small{margin-top: 16px; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table{display: grid; grid-template-columns: minmax(170px, 0.75fr) 1fr 1fr; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table > div{padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table > div:nth-child(3n){border-right: 0px;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head{text-align: center; background: rgb(240, 244, 243);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head.puori,:is(html, body).electrolytes-product #electrolytes-long .value.puori{background: var(--pale); color: var(--brand); font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head img{width: 150px; height: 150px; margin: 0px auto 12px; border-radius: 8px; object-fit: contain;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head strong,:is(html, body).electrolytes-product #electrolytes-long .comparison-head small{display: block;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head strong{font-size: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .label{font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-note{font-size: 14px; color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-scroll-hint{display: none; margin: 10px 0px 0px; color: var(--brand); font-size: 14px; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .testing-section{padding: clamp(22px, 5vw, 64px); background: var(--brand); color: white; border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .testing-header{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-header h2{max-width: 900px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-header img{width: 110px; height: 110px; object-fit: contain; background: white; border-radius: 8px; padding: 7px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-lead{max-width: 920px; font-size: 19px; color: rgb(215, 237, 235);}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 28px 0px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid article{padding: 20px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid span,:is(html, body).electrolytes-product #electrolytes-long .batch-grid strong,:is(html, body).electrolytes-product #electrolytes-long .batch-grid small{display: block;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid strong{font-size: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid small{color: rgb(207, 227, 225);}
:is(html, body).electrolytes-product #electrolytes-long .testing-footer{display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-actions{display: flex; flex-wrap: wrap; gap: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-footer a{padding: 9px 12px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 6px; text-decoration: none;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai{display: grid; grid-template-columns: minmax(0px, 190px) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 16px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; background: rgba(0, 46, 43, 0.48);}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai p{margin: 0px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 800; line-height: 1.25;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions{display: flex; gap: 8px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a{display: grid; width: 44px; height: 44px; place-items: center; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 6px; background: rgba(255, 255, 255, 0.08); text-decoration: none; transition: background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 140ms cubic-bezier(0.23, 1, 0.32, 1);}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:hover,:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:focus-visible{background: rgba(255, 255, 255, 0.18); outline: none;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:focus-visible{box-shadow: rgb(159, 217, 211) 0px 0px 0px 3px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai-actions a:active{transform: translateY(1px);}
:is(html, body).electrolytes-product #electrolytes-long .ai-provider-name{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 31%); gap: 12px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--brand) var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button{position: relative; min-height: 500px; aspect-ratio: 9 / 16; border: 0px; border-radius: var(--radius); overflow: hidden; padding: 0px; background: rgb(17, 34, 51); color: white; cursor: pointer; text-align: left; scroll-snap-align: start;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid img{width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button::after{content: ""; position: absolute; inset: 30% 0px 0px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button span,:is(html, body).electrolytes-product #electrolytes-long .video-grid button strong{position: absolute; z-index: 1;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button span{top: 18px; right: 18px; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; display: grid; place-items: center;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button strong{left: 18px; bottom: 18px; font-size: 19px; right: 18px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices{padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid span{color: var(--brand); font-size: 14px; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{margin: 20px 0px; font-size: clamp(21px, 2.2vw, 29px); line-height: 1.18; letter-spacing: -0.025em;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote strong{color: var(--brand); font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .research-expert-name{margin-top: auto;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid a{margin-top: 13px; color: var(--brand); font-weight: 800; text-underline-offset: 4px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-section{display: grid; grid-template-columns: 340px 1fr; gap: 34px; padding: 35px; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside h2{font-size: 42px; line-height: 1.05;}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside > p{color: var(--muted);}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards{margin-top: 20px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: rgb(240, 244, 243);}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards > p{margin: 0px 0px 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: 0.03em;}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; align-items: center;}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards-grid img{width: 100%; max-height: 70px; object-fit: contain;}
:is(html, body).electrolytes-product #electrolytes-long .faq-list details{border-bottom: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .faq-list summary{padding: 18px 45px 18px 0px; font-weight: 800; cursor: pointer; position: relative;}
:is(html, body).electrolytes-product #electrolytes-long .faq-list summary::after{content: "+"; position: absolute; right: 6px; color: var(--brand); font-size: 25px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-list details[open] summary::after{content: "−";}
:is(html, body).electrolytes-product #electrolytes-long .faq-list details p{color: var(--muted); margin: 0px 0px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta{position: relative; min-height: 540px; border-radius: var(--radius); overflow: hidden; color: white;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(1, 59, 55, 0.95), rgba(1, 59, 55, 0.15));}
:is(html, body).electrolytes-product #electrolytes-long .final-cta div{position: relative; z-index: 1; padding: 7%; max-width: 810px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta h2{font-size: clamp(42px, 6vw, 74px); line-height: 1; margin: 10px 0px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta p{color: rgb(200, 241, 237) !important; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta span{display: block; color: rgb(255, 255, 255); font-size: 19px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta a{display: inline-block; margin-top: 22px; padding: 13px 18px; background: white; color: var(--brand); border-radius: 6px; text-decoration: none; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note{margin: 18px 0px 50px; padding: 0px 18px; border: 1px solid rgb(219, 230, 227); border-radius: 6px; background: rgb(248, 250, 249);}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note summary{position: relative; padding: 14px 34px 14px 0px; color: rgb(49, 94, 91); font-size: 14px; font-weight: 700; cursor: pointer; list-style: none;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note summary::-webkit-details-marker{display: none;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note summary::after{content: "+"; position: absolute; top: 12px; right: 2px; font-size: 20px; line-height: 1;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note details[open] summary::after{content: "−";}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note details > div{padding: 0px 0px 15px;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note p{max-width: none; margin: 6px 0px; color: var(--muted); font-size: 12px; line-height: 1.42;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-links{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-links a{color: var(--brand); font-size: 12px; font-weight: 700; text-underline-offset: 3px;}
:is(html, body).electrolytes-product #electrolytes-long dialog{width: min(680px, 100% - 30px); border: 0px; border-radius: 10px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 80px;}
:is(html, body).electrolytes-product #electrolytes-long dialog::backdrop{background: rgba(2, 24, 22, 0.75);}
:is(html, body).electrolytes-product #electrolytes-long dialog video{width: 100%; max-height: 76vh; background: rgb(0, 0, 0); display: block;}
@media (max-width: 980px) {:is(html, body).electrolytes-product #electrolytes-long .story-grid,:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .faq-section{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards article{min-height: 290px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo{min-height: 520px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: 1fr 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo{min-height: 440px;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{grid-auto-columns: minmax(250px, 44%);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{grid-template-columns: 160px 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .faq-section{padding: 22px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside h2{margin-bottom: 18px;}
}
@media (max-width: 600px) {:is(html, body).electrolytes-product #electrolytes-long .section-heading,:is(html, body).electrolytes-product #electrolytes-long .story-section,:is(html, body).electrolytes-product #electrolytes-long .contents-section,:is(html, body).electrolytes-product #electrolytes-long .comparison-section,:is(html, body).electrolytes-product #electrolytes-long .videos-section,:is(html, body).electrolytes-product #electrolytes-long .research-voices,:is(html, body).electrolytes-product #electrolytes-long .methodology-note{margin-left: 16px; margin-right: 16px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a{font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong{font-size: 16px;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof a{padding: 14px; min-height: 105px;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row{align-items: start; margin-bottom: 21px;}
:is(html, body).electrolytes-product .electrolytes-content-nav{margin: 24px 0px 14px; top: 0px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading{padding: 22px 0px 16px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading h2,:is(html, body).electrolytes-product #electrolytes-long .testing-header h2{font-size: 39px;}
:is(html, body).electrolytes-product #electrolytes-long .section-heading > span{font-size: 16px;}
:is(html, body).electrolytes-product #electrolytes-long .story-grid{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo{min-height: 500px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo > div{left: 24px; right: 24px;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo h3{font-size: 38px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: 1fr 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article{padding: 18px;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts strong{font-size: 52px;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid div{padding: 12px;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 22px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-cards article{min-height: 0px; padding: 20px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top{min-height: 86px;}
:is(html, body).electrolytes-product #electrolytes-long .ingredient-card-top img{height: 78px;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .testing-section,:is(html, body).electrolytes-product #electrolytes-long .faq-section,:is(html, body).electrolytes-product #electrolytes-long .final-cta{border-radius: var(--radius);}
:is(html, body).electrolytes-product #electrolytes-long .routine-photo{min-height: 360px;}
:is(html, body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 28px 20px;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-scroll-hint{display: block; position: sticky; left: 0px; width: calc(-32px + 100vw);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table{grid-template-columns: 96px 148px 160px; overflow: visible; width: max-content;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-section{overflow: auto;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-section .section-heading,:is(html, body).electrolytes-product #electrolytes-long .comparison-note{position: sticky; left: 0px; width: calc(-32px + 100vw);}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table > div{padding: 13px; font-size: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head img{width: 64px; height: 64px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-section{padding: 28px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .testing-header img{width: 76px; height: 76px;}
:is(html, body).electrolytes-product #electrolytes-long .batch-grid{grid-template-columns: 1fr;}
:is(html, body).electrolytes-product #electrolytes-long .testing-footer{align-items: flex-start; flex-direction: column;}
:is(html, body).electrolytes-product #electrolytes-long .testing-ai{grid-template-columns: 1fr auto; padding: 10px 12px 10px 14px;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{grid-auto-columns: minmax(250px, 82vw); margin-right: -16px;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid button{min-height: 440px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices{padding-top: 24px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{grid-template-columns: 126px 1fr; min-height: 350px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article > div{padding: 22px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{font-size: 18px; line-height: 1.3;}
:is(html, body).electrolytes-product #electrolytes-long .faq-section{padding: 26px 18px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-aside h2{font-size: 38px;}
:is(html, body).electrolytes-product #electrolytes-long .faq-awards{display: none;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta{min-height: 560px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta div{padding: 50px 22px;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 45px;}
:is(html, body).electrolytes-product #electrolytes-long .methodology-note{margin: 18px 16px 40px; padding: 0px 15px;}
}
:is(html, body).electrolytes-product{--electrolytes-ink: #172423; --electrolytes-muted: #667674; --electrolytes-line: #c9dcda; --electrolytes-line-strong: #b7d2cf; --electrolytes-soft: #f3f7f6; --electrolytes-tint: #e7f4f2; --electrolytes-surface: #fff; --electrolytes-accent: #006460; --electrolytes-promo: #a53c2f; --electrolytes-promo-soft: #fff3f0; --electrolytes-positive: #16874b; --brand: var(--electrolytes-accent); --brand-2: #008f88; --pale: var(--electrolytes-tint); --line: var(--electrolytes-line); --muted: var(--electrolytes-muted); --soft: var(--electrolytes-soft); --positive: var(--electrolytes-positive); --gold: #d88900; --radius: 6px;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a{border-color: var(--electrolytes-line) !important; background: rgb(255, 255, 255) !important; color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product #electrolytes-short .audience-tags a:hover,:is(html, body).electrolytes-product #electrolytes-short .audience-tags a:focus-visible{border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-tint) !important;}
:is(html, body).electrolytes-product #electrolytes-short .quick-proof strong{color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row{border: 0px !important; background: var(--electrolytes-tint) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row strong{color: var(--electrolytes-ink) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row span{color: var(--electrolytes-muted) !important;}
:is(html, body).electrolytes-product #electrolytes-short .batch-link-row a{color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav{position: relative !important; top: auto !important; z-index: auto !important; border: 1px solid var(--electrolytes-line) !important; background: var(--electrolytes-soft) !important; backdrop-filter: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav .content-nav-inner{display: flex !important; justify-content: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scrollbar-width: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav .content-nav-inner::-webkit-scrollbar{display: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a{border: 1px solid var(--electrolytes-line) !important; background: rgb(255, 255, 255) !important; color: var(--electrolytes-accent) !important; text-decoration: none !important; text-underline-offset: 0px !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a:hover,:is(html, body).electrolytes-product .electrolytes-content-nav a:focus,:is(html, body).electrolytes-product .electrolytes-content-nav a:focus-visible{text-decoration: none !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav a.is-active{border-color: var(--electrolytes-accent) !important; background: var(--electrolytes-accent) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-long .testing-section h2,:is(html, body).electrolytes-product #electrolytes-long .testing-section h3,:is(html, body).electrolytes-product #electrolytes-long .testing-section strong,:is(html, body).electrolytes-product #electrolytes-long .story-photo h2,:is(html, body).electrolytes-product #electrolytes-long .story-photo h3,:is(html, body).electrolytes-product #electrolytes-long .final-cta h2{color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article:nth-child(2) > strong{color: var(--electrolytes-accent) !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(90deg, rgba(1, 59, 55, 0.97) 0%, rgba(1, 59, 55, 0.88) 43%, rgba(1, 59, 55, 0.12) 100%) !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta p{color: rgb(200, 241, 237) !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta h2,:is(html, body).electrolytes-product #electrolytes-long .final-cta span{color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.42) 0px 2px 12px !important;}
:is(html, body).electrolytes-product #electrolytes-long a{text-decoration: none !important;}
:is(html, body).electrolytes-product #electrolytes-long .testing-actions > a{color: rgb(255, 255, 255) !important; font-weight: 800 !important;}
@media (hover: hover) and (pointer: fine) {:is(html, body).electrolytes-product #electrolytes-long a:hover{text-underline-offset: 3px; text-decoration: underline !important;}
}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{scroll-snap-type: x mandatory; display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(250px, 31%) !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; margin: 0px !important; padding: 0px 0px 10px !important;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid .video-card{scroll-snap-align: start; box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; transform: none !important;}
:is(html, body).electrolytes-product #electrolytes-long #experts-title{max-width: none !important; font-size: clamp(38px, 4.25vw, 61px) !important; line-height: 1.02 !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog[open]{position: fixed !important; inset: 0px !important; z-index: 100000 !important; width: min(520px, -32px + 100vw) !important; max-width: none !important; max-height: calc(100dvh - 32px) !important; margin: auto !important; padding: 0px !important; overflow: auto !important; border: 0px !important; border-radius: var(--radius) !important; background: rgb(7, 31, 30) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog::backdrop{background: rgba(2, 24, 22, 0.76) !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog .media-dialog__head{display: flex !important; min-height: 58px !important; align-items: center !important; justify-content: space-between !important; padding: 10px 16px !important; background: rgb(16, 46, 43) !important; color: rgb(255, 255, 255) !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog .media-dialog__head button{display: grid !important; width: 40px !important; height: 40px !important; place-items: center !important; padding: 0px !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; border-radius: 4px !important; background: transparent !important; color: rgb(255, 255, 255) !important; font-size: 27px !important; line-height: 1 !important; cursor: pointer !important;}
:is(html, body).electrolytes-product #electrolytes-video-dialog .media-dialog__body{display: grid; min-height: min(76vh, 680px); place-items: center; background: rgb(0, 0, 0);}
:is(html, body).electrolytes-product #electrolytes-video-dialog video,:is(html, body).electrolytes-product #electrolytes-video-dialog iframe{display: block; border: 0px; object-fit: contain; width: 100% !important; height: min(76vh, 680px) !important; max-height: min(76vh, 680px) !important;}
@media (max-width: 520px) {:is(html, body).electrolytes-product .electrolytes-content-nav{box-sizing: border-box; width: 100%; max-width: 100%; margin-inline: 0px !important;}
:is(html, body).electrolytes-product .electrolytes-content-nav .content-nav-inner{justify-content: flex-start !important;}
:is(html, body).electrolytes-product #electrolytes-long .video-grid{grid-auto-columns: minmax(250px, 82vw) !important;}
:is(html, body).electrolytes-product #electrolytes-long #experts-title{font-size: 38px !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts article{min-width: 0px !important; padding: 17px 14px !important; border-radius: var(--radius) !important;}
:is(html, body).electrolytes-product #electrolytes-long .story-facts .wide{grid-column: 1 / -1 !important;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid div{min-width: 0px !important; padding: 12px 8px !important;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 21px !important; overflow-wrap: anywhere;}
:is(html, body).electrolytes-product #electrolytes-long .metric-grid small{font-size: 12px !important; overflow-wrap: anywhere;}
:is(html, body).electrolytes-product #electrolytes-long .story-photo,:is(html, body).electrolytes-product #electrolytes-long .routine-section,:is(html, body).electrolytes-product #electrolytes-long .testing-section,:is(html, body).electrolytes-product #electrolytes-long .videos-section,:is(html, body).electrolytes-product #electrolytes-long .research-voices,:is(html, body).electrolytes-product #electrolytes-long .faq-section,:is(html, body).electrolytes-product #electrolytes-long .final-cta{border-radius: var(--radius) !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-section{border-radius: var(--radius) !important; overflow-x: auto !important; overscroll-behavior-inline: contain !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-scroll-hint{display: block !important; position: sticky !important; left: 0px !important; width: calc(-32px + 100vw) !important; margin: 10px 0px !important; color: var(--electrolytes-accent) !important; font-size: 14px !important; font-weight: 800 !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-table{grid-template-columns: 96px 148px 160px !important; width: max-content !important; min-width: 0px !important;}
:is(html, body).electrolytes-product #electrolytes-long .comparison-head img{width: 64px !important; height: 64px !important;}
:is(html, body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(rgba(1, 59, 55, 0.12) 10%, rgba(1, 59, 55, 0.92) 72%, rgba(1, 59, 55, 0.98) 100%) !important;}
}
:is(html, body).electrolytes-product #electrolytes-long .research-voices{padding-top: 28px; border-top: 1px solid var(--line);}
:is(html, body).electrolytes-product #electrolytes-long .research-voices > .section-heading{margin-bottom: 28px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices > .section-heading{max-width: none;}
:is(html, body).electrolytes-product #electrolytes-long .research-voices > .section-heading h2{max-width: none;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article{display: grid; grid-template-columns: 200px 1fr; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid article > div{display: flex; flex-direction: column; padding: 28px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid span{color: var(--accent); font-size: 14px; font-weight: 800;}
:is(html, body).electrolytes-product #electrolytes-long .research-quotes{display: grid; gap: 12px; margin: 18px 0px 20px;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{margin: 0px; color: var(--ink); font-size: clamp(18px, 1.55vw, 22px); line-height: 1.28; letter-spacing: -0.018em;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid blockquote strong{color: var(--accent); font-weight: 850;}
:is(html, body).electrolytes-product #electrolytes-long .research-expert-name{margin-top: auto;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid small{margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.4;}
:is(html, body).electrolytes-product #electrolytes-long .research-voice-grid a{margin-top: 13px; color: var(--accent); font-weight: 800; text-underline-offset: 4px;}
:is(html, body).electrolytes-product .electrolytes-term-tooltip{position: fixed; z-index: 100050; width: max-content; max-width: min(310px, -24px + 100vw); padding: 9px 12px; border: 1px solid rgba(0, 100, 96, 0.24); border-radius: 6px; background: rgb(18, 63, 60); box-shadow: rgba(8, 36, 34, 0.18) 0px 8px 24px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(3px); transition: opacity 80ms, transform 80ms, visibility 80ms; pointer-events: none;}
:is(html, body).electrolytes-product .electrolytes-term-tooltip.is-visible{opacity: 1; visibility: visible; transform: translateY(0px);}

:is(html,body).electrolytes-product .electrolytes-scope *{box-sizing: border-box;}
:is(html,body).electrolytes-product .electrolytes-scope button,:is(html,body).electrolytes-product .electrolytes-scope input{font: inherit;}
:is(html,body).electrolytes-product .electrolytes-scope img{display: block; max-width: 100%;}
:is(html,body).electrolytes-product .electrolytes-scope a{color: rgb(0, 100, 96); text-underline-offset: 3px;}
:is(html,body).electrolytes-product .electrolytes-scope button{cursor: pointer;}
:is(html,body).electrolytes-product .electrolytes-scope h1,:is(html,body).electrolytes-product .electrolytes-scope h2,:is(html,body).electrolytes-product .electrolytes-scope h3,:is(html,body).electrolytes-product .electrolytes-scope strong,:is(html,body).electrolytes-product .electrolytes-scope b{font-weight: 850;}
:is(html,body).electrolytes-product .electrolytes-scope h1,:is(html,body).electrolytes-product .electrolytes-scope h2,:is(html,body).electrolytes-product .electrolytes-scope h3{letter-spacing: -0.035em;}
:is(html,body).electrolytes-product .electrolytes-scope button:focus-visible,:is(html,body).electrolytes-product .electrolytes-scope a:focus-visible,:is(html,body).electrolytes-product .electrolytes-scope summary:focus-visible{outline: rgb(0, 135, 127) solid 3px; outline-offset: 3px;}
:is(html,body).electrolytes-product .electrolytes-scope p{margin: 0px 0px 18px;}
:is(html,body).electrolytes-product .electrolytes-scope .short-lead{font-size: 18px;}
:is(html,body).electrolytes-product #product-detail-form .quantity-discounts__item{text-align: left; font-family: inherit;}
:is(html,body).electrolytes-product .electrolytes-quantity-3{margin-top: 8px !important;}
:is(html,body).electrolytes-product .electrolytes-quantity-table{gap: 18px !important;}
:is(html,body).electrolytes-product .electrolytes-quantity-table .electrolytes-option-benefits b{color: rgb(22, 135, 75);}
:is(html,body).electrolytes-product .electrolytes-best-badge{top: -12px !important;}
:is(html,body).electrolytes-product .electrolytes-content-nav{display: flex; align-items: center; gap: 6px; padding: 9px; margin-top: 40px; position: sticky !important; top: 0px !important; z-index: 50 !important;}
:is(html,body).electrolytes-product .electrolytes-content-nav .content-nav-inner{min-width: 0px; justify-content: flex-start !important;}
:is(html,body).electrolytes-product .electrolytes-content-nav a{font-size: 15px; white-space: nowrap;}
:is(html,body).electrolytes-product #electrolytes-long{width: 100%; max-width: 1220px;}
:is(html,body).electrolytes-product #electrolytes-long section{scroll-margin-top: 90px;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading{max-width: none;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading h2{font-size: clamp(35px, 4.2vw, 60px); line-height: 1.08;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading > span{font-size: 18px; line-height: 1.6; max-width: 1080px;}
:is(html,body).electrolytes-product #electrolytes-long h2{line-height: 1.09;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section{margin-top: 24px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo{min-height: 640px; background: rgb(23, 60, 55); isolation: isolate;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo img{position: absolute; inset: 0px; object-fit: cover; object-position: 50% 25%;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo::after{background: linear-gradient(0deg, rgb(9, 41, 37) 0%, rgba(9, 41, 37, 0.83) 24%, rgba(9, 41, 37, 0) 62%);}
:is(html,body).electrolytes-product #electrolytes-long .story-photo > div{left: 32px; right: 32px; bottom: 32px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo h3{font-size: clamp(34px, 3.5vw, 48px); line-height: 1.07; margin: 12px 0px 16px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo p{color: rgb(200, 241, 237); font-size: 15px; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; text-shadow: rgb(17, 34, 51) 0px 1px 2px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo span{display: block; font-size: 18px; line-height: 1.5;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).electrolytes-product #electrolytes-long .story-facts article{min-width: 0px; justify-content: center; padding: 22px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts strong{font-size: 68px; line-height: 1.05; margin: 12px 0px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid{margin: 15px 0px; background: transparent; gap: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid > div{background: transparent; padding: 12px 8px; border-right: 1px solid rgb(201, 220, 218);}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid > div:last-child{border: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 24px; white-space: nowrap; margin: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts p{margin: 12px 0px 0px; font-size: 16px; line-height: 1.5;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards article{padding: 26px; min-width: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-card-top{min-height: 70px;}
:is(html,body).electrolytes-product .electrolytes-scope .mineral-dose{font-size: 38px; line-height: 1; color: rgb(0, 100, 96); white-space: nowrap;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards h3{margin: 18px 0px 12px;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards p{margin: 0px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel{display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); align-items: center; margin-top: 14px; padding: 28px; background: rgb(231, 244, 242); border: 1px solid rgb(201, 220, 218); border-radius: 6px; gap: 26px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel h3{font-size: 22px; line-height: 1.2; margin: 0px 0px 8px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel p{margin: 0px; font-size: 15px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel strong,:is(html,body).electrolytes-product .electrolytes-scope .trace-panel span{display: block;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel strong{font-size: 25px; color: rgb(0, 100, 96); white-space: nowrap;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel span{font-size: 14px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product .electrolytes-scope .formula-note{padding: 22px 0px 6px;}
:is(html,body).electrolytes-product .electrolytes-scope .fineprint{color: rgb(102, 118, 116); font-size: 13px; line-height: 1.6; margin: 18px 0px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo{position: relative; min-height: 620px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 40px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section h2{font-size: clamp(34px, 3.5vw, 49px); line-height: 1.08;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section p{line-height: 1.6;}
:is(html,body).electrolytes-product #electrolytes-long .steps article{padding: 14px 16px; border-radius: 6px;}
:is(html,body).electrolytes-product .electrolytes-scope .text-link{font-weight: 850; margin-top: 20px;}
:is(html,body).electrolytes-product #electrolytes-long .taste-section{background: rgb(231, 244, 242);}
:is(html,body).electrolytes-product #electrolytes-long .comparison-section{overflow: visible !important;}
:is(html,body).electrolytes-product .electrolytes-scope .comparison-viewport{overflow-x: auto; overscroll-behavior-inline: contain; max-width: 100%; border-radius: 6px; scrollbar-color: rgb(0, 100, 96) rgb(231, 244, 242);}
:is(html,body).electrolytes-product #electrolytes-long .comparison-section .section-heading,:is(html,body).electrolytes-product #electrolytes-long .comparison-note{position: static; width: auto;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table{overflow: hidden;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-width: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head img{height: 145px; width: 180px; object-fit: contain; margin: 0px; flex-shrink: 0; border-radius: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head small{color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table > div{line-height: 1.5;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-scroll-hint{position: static !important; width: auto !important;}
:is(html,body).electrolytes-product .electrolytes-scope .development-grid{display: grid; grid-template-columns: 340px 1fr; gap: 32px; background: rgb(243, 247, 246); border-radius: 6px; padding: 28px;}
:is(html,body).electrolytes-product #electrolytes-long .development-grid .video-grid{grid-auto-columns: 100% !important; overflow: hidden !important; padding: 0px !important;}
:is(html,body).electrolytes-product #electrolytes-long .development-grid .video-grid button{min-height: 0px; aspect-ratio: 9 / 16;}
:is(html,body).electrolytes-product .electrolytes-scope .development-copy{display: flex; flex-direction: column; justify-content: center;}
:is(html,body).electrolytes-product .electrolytes-scope .development-copy p{margin: 22px 0px 0px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product #electrolytes-long .testing-header p{color: rgb(200, 241, 237);}
:is(html,body).electrolytes-product #electrolytes-long .testing-header h2{font-size: clamp(35px, 4.2vw, 57px); line-height: 1.1;}
:is(html,body).electrolytes-product #electrolytes-long .batch-grid article{min-width: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .batch-grid strong{margin: 10px 0px; overflow-wrap: anywhere;}
:is(html,body).electrolytes-product #electrolytes-long .testing-ai .ai-provider-icon{width: 28px; height: 28px; object-fit: contain; filter: brightness(0) invert(1);}
:is(html,body).electrolytes-product #electrolytes-long .testing-ai p{color: rgb(255, 255, 255) !important;}
:is(html,body).electrolytes-product #electrolytes-long #experts-title{line-height: 1.1 !important;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article{min-width: 0px; grid-template-columns: 180px minmax(0px, 1fr);}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid img{height: 100%; object-position: center center;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > div{padding: 24px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{font-size: 21px; line-height: 1.35;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards{background: rgb(255, 255, 255); display: block !important;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid img{max-height: 105px; width: 100%; height: 100px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-list summary{list-style: none; line-height: 1.4;}
:is(html,body).electrolytes-product .electrolytes-scope .faq-list summary::-webkit-details-marker{display: none;}
:is(html,body).electrolytes-product #electrolytes-long .faq-list details p{margin: 0px; padding: 0px 0px 24px; line-height: 1.65;}
:is(html,body).electrolytes-product .electrolytes-scope .faq-list p a{display: inline-block; margin-top: 12px; font-weight: 800;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta{min-height: 650px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{object-position: 65% 30%;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: clamp(36px, 4.3vw, 58px); line-height: 1.08; text-shadow: none !important;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{max-width: 740px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta p{font-size: 14px;}
:is(html,body).electrolytes-product .electrolytes-scope .electrolytes-term{color: inherit; font: inherit; text-decoration: underline dotted; text-underline-offset: 4px; cursor: help; display: inline !important;}
:is(html,body).electrolytes-product #electrolytes-long .methodology-note{margin-inline: 0px;}
@media (max-width: 980px) {:is(html,body).electrolytes-product #electrolytes-long .story-grid{grid-template-columns: 1fr;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo{min-height: 660px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo{height: 520px; min-height: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid{grid-template-columns: 1fr;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel{grid-template-columns: repeat(3, 1fr);}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel > div:first-child{grid-column: 1 / -1;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(5, minmax(0px, 1fr));}
:is(html,body).electrolytes-product .electrolytes-scope .development-grid{grid-template-columns: 280px 1fr; gap: 24px; padding: 24px;}
}
@media (max-width: 520px) {:is(html,body).electrolytes-product .electrolytes-scope .short-lead{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-short .audience-tags a{font-size: 14px;}
:is(html,body).electrolytes-product #electrolytes-short .quick-proof a{padding: 14px; min-height: 105px;}
:is(html,body).electrolytes-product #electrolytes-short .quick-proof strong{font-size: 16px;}
:is(html,body).electrolytes-product #electrolytes-short .quick-proof span{font-size: 14px;}
:is(html,body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{gap: 8px 10px; grid-template-columns: minmax(0px, 1fr) auto !important;}
:is(html,body).electrolytes-product .electrolytes-option-price{text-align: right;}
:is(html,body).electrolytes-product .electrolytes-option-copy strong{font-size: 15px;}
:is(html,body).electrolytes-product .electrolytes-option-price strong{font-size: 17px;}
:is(html,body).electrolytes-product .electrolytes-option-copy small,:is(html,body).electrolytes-product .electrolytes-option-price small{font-size: 13px;}
:is(html,body).electrolytes-product .electrolytes-content-nav{margin-top: 24px; padding: 7px 4px;}
:is(html,body).electrolytes-product .electrolytes-content-nav a{font-size: 14px; padding: 9px 12px !important;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading{padding: 26px 0px 20px;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading > p{font-size: 12px; line-height: 1.5; letter-spacing: 0.09em;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading h2{font-size: 35px; line-height: 1.09;}
:is(html,body).electrolytes-product #electrolytes-long .section-heading > span{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo{min-height: 590px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo img{object-position: 40% 0px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo > div{left: 20px; right: 20px; bottom: 24px; max-width: none;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo h3{font-size: 35px;}
:is(html,body).electrolytes-product #electrolytes-long .story-photo span{font-size: 16px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts strong{font-size: 56px;}
:is(html,body).electrolytes-product #electrolytes-long .story-facts p{font-size: 15px;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid strong{font-size: 21px !important;}
:is(html,body).electrolytes-product #electrolytes-long .metric-grid small{font-size: 13px !important;}
:is(html,body).electrolytes-product #electrolytes-long .ingredient-cards article{padding: 22px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel{gap: 16px 8px; padding: 22px 16px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel strong{font-size: 20px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel span{font-size: 12px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo{height: 370px; min-height: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-photo img{object-position: 50% 28%;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section > div:last-child{padding: 26px 20px;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section > div > p{font-size: 13px; letter-spacing: 0.06em;}
:is(html,body).electrolytes-product #electrolytes-long .routine-section h2{font-size: 34px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table{grid-template-columns: 96px 156px 172px !important;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head{gap: 10px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head strong{font-size: 16px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-head img{width: 112px !important; height: 94px !important;}
:is(html,body).electrolytes-product .electrolytes-scope .development-grid{grid-template-columns: 1fr; padding: 20px; gap: 22px;}
:is(html,body).electrolytes-product #electrolytes-long .development-grid .video-grid{width: 100% !important; max-width: 300px !important; margin: auto !important; grid-auto-columns: 100% !important;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header{display: grid; grid-template-columns: 1fr;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header img{width: 90px; height: 90px;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header h2{font-size: 34px;}
:is(html,body).electrolytes-product #electrolytes-long .testing-lead{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-long .testing-ai{width: 100%; grid-template-columns: minmax(0px, 1fr) auto;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article{grid-template-columns: 110px minmax(0px, 1fr);}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > div{padding: 20px 16px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid blockquote{font-size: 18px; line-height: 1.38;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid small{font-size: 12px;}
:is(html,body).electrolytes-product #electrolytes-long #experts-title{font-size: 35px !important;}
:is(html,body).electrolytes-product #electrolytes-long .faq-aside h2{font-size: 34px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid img{height: 76px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta{min-height: 700px; display: flex; align-items: flex-end; background: rgb(7, 60, 55);}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{object-position: 62% 0px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{padding: 28px 20px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 36px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta span{font-size: 17px;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(0deg, rgb(6, 59, 54) 0%, rgba(6, 59, 54, 0.94) 26%, transparent 76%) !important;}
:is(html,body).electrolytes-product #electrolytes-long .methodology-note{margin-inline: 0px;}
}
@media (max-width: 600px) {:is(html,body).electrolytes-product #electrolytes-long > .story-section,:is(html,body).electrolytes-product #electrolytes-long > .contents-section,:is(html,body).electrolytes-product #electrolytes-long > .comparison-section,:is(html,body).electrolytes-product #electrolytes-long > .videos-section,:is(html,body).electrolytes-product #electrolytes-long > .research-voices,:is(html,body).electrolytes-product #electrolytes-long .section-heading{margin-inline: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-section .section-heading{width: 100%; position: static;}
}
:is(html,body).electrolytes-product #electrolytes-long .taste-section > div > p:not(:first-child){font-size: 17px; font-weight: 400; text-transform: none; letter-spacing: 0px; color: rgb(102, 118, 116);}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid img{min-height: 0px; object-fit: cover; object-position: center top; align-self: stretch; height: 100%; width: 100%; aspect-ratio: auto;}
:is(html,body).electrolytes-product #electrolytes-long .testing-header{margin-bottom: 24px;}
:is(html,body).electrolytes-product .electrolytes-scope .trace-panel > div:not(:first-child){align-self: start;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article{position: relative;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > img{position: absolute; inset: 0px; width: 180px; height: 100%; margin: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > div{grid-column: 2;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article:first-child > img{object-position: 38% top;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards{background: rgb(240, 244, 243); margin-top: 20px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius);}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; align-items: center;}
:is(html,body).electrolytes-product #electrolytes-long .faq-awards-grid img{width: 100%; height: 70px; max-height: 70px; object-fit: contain;}
@media (min-width: 981px) {:is(html,body).electrolytes-product #electrolytes-long .taste-section > .routine-photo{grid-area: 1 / 2;}
:is(html,body).electrolytes-product #electrolytes-long .taste-section > div:last-child{grid-area: 1 / 1;}
}
:is(html,body).electrolytes-product #electrolytes-long .final-cta{background: rgb(18, 63, 60);}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{left: 180px; object-position: center 30%;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{max-width: 690px;}
@media (min-width: 981px) {:is(html,body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(90deg, rgb(18, 63, 60) 0%, rgb(18, 63, 60) 18%, rgba(18, 63, 60, 0.94) 30%, rgba(18, 63, 60, 0.5) 52%, rgba(18, 63, 60, 0) 78%) !important;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 50px;}
}
@media (max-width: 980px) {:is(html,body).electrolytes-product #electrolytes-long .final-cta img{left: 0px; object-position: 30% top;}
}
@media (max-width: 520px) {:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article > img{width: 110px; margin: 0px;}
:is(html,body).electrolytes-product #electrolytes-long .research-voice-grid article:first-child > img{object-position: 39% top;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{object-position: 30% top;}
}
@media (max-width: 600px) {:is(html,body).electrolytes-product #electrolytes-long .final-cta{min-height: 0px; padding-top: 390px; background: rgb(6, 59, 54);}
:is(html,body).electrolytes-product #electrolytes-long .final-cta img{left: 0px; top: 0px; height: 440px; object-position: 50% top;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta::after{background: linear-gradient(rgba(6, 59, 54, 0) 300px, rgb(6, 59, 54) 440px) !important;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta > div{position: relative; padding: 0px 20px 28px; width: 100%;}
:is(html,body).electrolytes-product #electrolytes-long .final-cta h2{font-size: 34px;}
}
@media (prefers-reduced-motion: reduce) {:is(html,body).electrolytes-product .electrolytes-scope *{transition: none !important;}
}
:is(html,body).electrolytes-product #electrolytes-long .test-results{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 6px; background: rgba(255, 255, 255, 0.25); margin-bottom: 24px;}
:is(html,body).electrolytes-product #electrolytes-long .test-results > div{display: flex; flex-direction: column; min-width: 0px; min-height: 110px; padding: 18px; background: rgba(0, 46, 43, 0.64);}
:is(html,body).electrolytes-product #electrolytes-long .test-results span{color: rgb(205, 231, 228);}
:is(html,body).electrolytes-product #electrolytes-long .test-results strong{margin-top: auto; padding-top: 8px; color: rgb(255, 255, 255); font-size: 22px; white-space: nowrap;}
:is(html,body).electrolytes-product #electrolytes-long .result-check{display: inline-grid; width: 24px; height: 24px; place-items: center; margin-right: 8px; border-radius: 50%; background: rgb(216, 242, 231); color: rgb(0, 100, 96); font-size: 15px; vertical-align: 3px;}
:is(html,body).electrolytes-product #electrolytes-long .comparison-table > .label{min-width: 0px; hyphens: auto; overflow-wrap: anywhere;}
@media (max-width: 600px) {:is(html,body).electrolytes-product #electrolytes-long .test-results{grid-template-columns: repeat(2, minmax(0px, 1fr));}
:is(html,body).electrolytes-product #electrolytes-long .test-results > div{min-height: 100px; padding: 14px;}
:is(html,body).electrolytes-product #electrolytes-long .test-results strong{font-size: 18px;}
:is(html,body).electrolytes-product #electrolytes-long .result-check{vertical-align: 1px;}
}

/* Native Shoptet owns commerce, gallery, shipping and sticky navigation. */
:is(html,body).electrolytes-product .electrolytes-scope{font-family:inherit;line-height:1.55;color:#172423;--ink:#172423;--muted:#667674;--line:#c9dcda;--soft:#eef7f6;--accent:#006460;--radius:6px}
:is(html,body).electrolytes-product .electrolytes-scope,:is(html,body).electrolytes-product .electrolytes-scope *{box-sizing:border-box}
:is(html,body).electrolytes-product #electrolytes-long{width:100%;max-width:1220px;margin-inline:auto;font-size:17px}
:is(html,body).electrolytes-product #electrolytes-short{margin-block:16px}
:is(html,body).electrolytes-product #electrolytes-short .short-lead{font-size:18px;line-height:1.55;margin:0 0 24px}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long h2,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long h3{font-family:inherit;font-weight:850!important;color:inherit!important;letter-spacing:-.035em}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-section h2,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-section strong,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-photo h3,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta h2,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta p,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta span,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .media-dialog__head strong{color:#fff!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-facts article:not(.primary)>strong,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .metric-grid strong,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .mineral-dose,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .trace-panel strong{color:#006460!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-facts .primary>strong{color:#fff!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .comparison-head.puori strong{color:#006460!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .section-heading>p,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .routine-section>div>p:first-child{color:#006460!important;font-size:16px!important;font-weight:700!important;font-style:normal!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-photo img,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .routine-photo img,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .research-voice-grid article>img{height:100%!important;max-width:none!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .comparison-head img{height:145px!important;width:180px!important;object-fit:contain!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .faq-awards-grid img{height:70px!important;object-fit:contain!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta img{height:100%!important}
:is(html,body).electrolytes-product .electrolytes-content-nav{position:relative!important;top:auto!important;z-index:1!important;display:block!important;margin:24px auto!important;max-width:1220px;padding:9px!important}
:is(html,body).electrolytes-product .electrolytes-content-nav .content-nav-inner{display:flex!important;justify-content:center!important;overflow-x:auto;min-width:0;scrollbar-width:thin}
:is(html,body).electrolytes-product .electrolytes-content-nav.electrolytes-content-nav a{color:#006460!important;text-decoration:none!important;white-space:nowrap;flex-shrink:0}
:is(html,body).electrolytes-product .electrolytes-content-nav.electrolytes-content-nav a.is-active{background:#006460!important;border-color:#006460!important;color:#fff!important}
:is(html,body).electrolytes-product .electrolytes-content-nav a{display:inline-flex;align-items:center;justify-content:center}
:is(html,body).electrolytes-product .electrolytes-content-nav .electrolytes-nav-marker{display:inline-block;min-width:12px;margin-left:7px;font-size:15px;font-weight:900;line-height:1;text-align:center}
:is(html,body).electrolytes-product .electrolytes-content-nav .electrolytes-nav-marker::before{content:attr(data-direction)}
/* Sold-out products have no native cart button; Pobo then creates no desktop bar.
   Keep the existing source navigation usable, without inventing a second cart. */
@media(min-width:992px){
 body.electrolytes-product:not(:has(#js-plugin-header)) .electrolytes-content-nav{position:sticky!important;top:0!important;z-index:50!important;backdrop-filter:none!important;padding:4px 9px!important}
}
/* Same desktop FAQ pinning as the approved PB module; no stretched grid item. */
:is(html,body).electrolytes-product #electrolytes-long .faq-aside{position:sticky;top:82px;align-self:start}
@media(max-width:980px){:is(html,body).electrolytes-product #electrolytes-long .faq-aside{position:static;top:auto}}
@media(max-width:359px){:is(html,body).electrolytes-product #electrolytes-long .test-results>div{padding:12px}}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta a{color:#006460!important;text-decoration:none!important}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-actions a,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-ai a{color:#fff!important}
:is(html,body).electrolytes-product .electrolytes-quantity-table .electrolytes-option-benefits{color:#168548}
:is(html,body).electrolytes-product .electrolytes-quantity-table .electrolytes-free-shipping{font-weight:800;color:#168548}
:is(html,body).electrolytes-product .electrolytes-quantity-table .quantity-discounts__item{position:relative;cursor:pointer;text-align:left}
:is(html,body).electrolytes-product .electrolytes-main-price-old{display:inline-block;color:#667674;font-size:16px;text-decoration:line-through;margin-right:10px}
:is(html,body).electrolytes-product .electrolytes-main-price-current{display:inline-block;color:#172423}
:is(html,body).electrolytes-product .electrolytes-benefit-banner{box-sizing:border-box;max-width:100%}
:is(html,body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__picture img{width:42px!important;height:42px!important;max-width:none!important;object-fit:contain!important}
:is(html,body).electrolytes-product .electrolytes-benefit-banner .benefitBanner__picture{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;flex:0 0 42px!important}
:is(html,body).electrolytes-product #electrolytes-long .faq-list summary{cursor:pointer}
:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .research-voice-grid a,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .faq-list a,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .formula-note a{color:#006460!important}
@media(max-width:767px){
 :is(html,body).electrolytes-product #description .description-inner{padding-inline:0}
 :is(html,body).electrolytes-product #electrolytes-long{width:calc(100% - 32px);margin-inline:auto}
 :is(html,body).electrolytes-product .electrolytes-content-nav .content-nav-inner{justify-content:flex-start!important}
 :is(html,body).electrolytes-product #electrolytes-short .short-lead{font-size:17px}
}
@media(max-width:600px){
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .comparison-head img{height:94px!important;width:112px!important}
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta img{height:440px!important}
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .batch-grid article,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .research-voice-grid article,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .testing-ai,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .steps article{border-radius:6px!important}
 :is(html,body).electrolytes-product #electrolytes-long#electrolytes-long>.routine-section,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long>.testing-section,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .story-photo,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .ingredient-cards article,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .faq-awards,:is(html,body).electrolytes-product #electrolytes-long#electrolytes-long .final-cta{border-radius:6px!important}
}


/* Native rating box only: never hide its parent with product flags. */
#product-detail-form .p-detail-info .stars-wrapper[data-puori-rating-hidden] { display:none !important; }
#product-detail-form .puori-shipping-container { display:block; margin-top:8px; }
#product-detail-form .puori-shipping-benefit { color:#006460; font-size:12px; font-weight:700; }
/* CP2: prose must wrap inside its existing column, not expand the grid track. */
:is(html,body).cp2-product #description .basic-description {
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  :is(html,body).cp2-product .cp2-content-nav {
    width: calc(100% - 32px);
  }
}
:is(html,body).cp2-product #cp2-long .story-lead > :is(span,strong),
:is(html,body).cp2-product #cp2-long .ingredients-lead > span {
  white-space: normal;
  min-width: 0;
}

/* Original Shoptet review content, intentionally visible independently of tabs.
   Activation attribute is set only after exact product/root checks in ratings-core. */
.p-detail [data-puori-inline-reviews] .shp-tabs-row {
  display: none !important;
}
.p-detail #ratingTab[data-puori-native-reviews] {
  display: block !important;
  opacity: 1 !important;
  height: auto !important;
  visibility: visible !important;
  margin-top: 32px;
}
.p-detail #ratingTab[data-puori-native-reviews] > .tab-mobil {
  display: none !important;
}
.p-detail #ratingTab[data-puori-native-reviews] > h2,
.p-detail #ratingTab[data-puori-native-reviews] > #ratingWrapper {
  display: block !important;
}
.p-detail #ratingTab[data-puori-native-reviews] #ratingsList {
  display: grid !important;
}

/* Opt-in for NEW registered pages only. Provenance: P3 nav/FAQ/dialog, M3 tooltip.
   Existing 14 pages do NOT receive puori-shared-product and keep their approved CSS. */
body.puori-shared-product { --puori-line:#c9dcda; --puori-muted:#667674; --puori-accent:#006460; --puori-radius:8px; }
body.puori-shared-product .puori-content-nav { position:relative; border:1px solid var(--puori-line); background:#eef7f6; border-radius:var(--puori-radius); max-width:100%; }
body.puori-shared-product .puori-content-nav .content-nav-inner { display:flex; justify-content:center; gap:8px; width:100%; max-width:100%; overflow-x:auto; scrollbar-width:none; padding:10px; box-sizing:border-box; }
body.puori-shared-product .puori-content-nav .content-nav-inner::-webkit-scrollbar { display:none; }
body.puori-shared-product .puori-content-nav a { flex:0 0 auto; padding:8px 12px; border:1px solid var(--puori-line); border-radius:4px; background:#fff; color:var(--puori-accent); font-weight:700; text-decoration:none; }
body.puori-shared-product .puori-content-nav a.is-active { border-color:var(--puori-accent); background:var(--puori-accent); color:#fff; }
body.puori-shared-product .puori-scope .faq-list details { border-bottom:1px solid var(--puori-line); }
body.puori-shared-product .puori-scope .faq-list summary { padding:18px 45px 18px 0; font-weight:800; cursor:pointer; position:relative; list-style:none; }
body.puori-shared-product .puori-scope .faq-list summary::-webkit-details-marker { display:none; }
body.puori-shared-product .puori-scope .faq-list summary:after { content:'+'; position:absolute; right:6px; color:var(--puori-accent); font-size:25px; }
body.puori-shared-product .puori-scope .faq-list details[open] summary:after { content:'−'; }
body.puori-shared-product .puori-scope .faq-list details p { color:var(--puori-muted); margin:0 0 18px; }
body.puori-shared-product .puori-scope .faq-list details > :last-child { margin-bottom:18px; }
body.puori-shared-product [data-tooltip] { text-decoration:underline dotted 1px; text-underline-offset:3px; cursor:help; }
body.puori-shared-product [data-puori-tooltip] { position:fixed; z-index:100050; width:max-content; max-width:min(310px,calc(100vw - 24px)); padding:9px 12px; border:1px solid rgba(0,100,96,.24); border-radius:6px; background:#123f3c; box-shadow:0 8px 24px rgba(8,36,34,.18); color:#fff; font-size:14px; font-weight:600; line-height:1.4; opacity:0; visibility:hidden; transform:translateY(3px); transition:opacity 80ms ease,transform 80ms ease,visibility 80ms; pointer-events:none; }
body.puori-shared-product [data-puori-tooltip].is-visible { opacity:1; visibility:visible; transform:translateY(0); }
body.puori-shared-product.puori-media-open { overflow:hidden; }
body.puori-shared-product [data-puori-dialog][open] { position:fixed; inset:0; z-index:100000; width:min(520px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:auto; border:0; border-radius:var(--puori-radius); background:#071f1e; color:#fff; }
body.puori-shared-product [data-puori-dialog]::backdrop { background:rgba(2,24,22,.76); }
body.puori-shared-product [data-puori-dialog] .media-dialog__head { display:flex; min-height:58px; align-items:center; justify-content:space-between; padding:10px 16px; background:#102e2b; color:#fff; }
body.puori-shared-product [data-puori-dialog] .media-dialog__head button { display:grid; width:40px; height:40px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.5); border-radius:4px; background:transparent; color:#fff; font-size:27px; line-height:1; cursor:pointer; }
body.puori-shared-product [data-puori-dialog] .media-dialog__body { display:grid; min-height:min(76vh,680px); place-items:center; background:#000; }
body.puori-shared-product [data-puori-dialog] video,
body.puori-shared-product [data-puori-dialog] iframe { display:block; width:100%; height:min(76vh,680px); max-height:min(76vh,680px); border:0; object-fit:contain; }
@media(max-width:520px) { body.puori-shared-product .puori-content-nav .content-nav-inner { justify-content:flex-start; } }
@media(prefers-reduced-motion:reduce) { body.puori-shared-product [data-puori-tooltip] { transition:none; } }