/* 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;
  }
}