section.product-hero{background:transparent!important}@media screen and (min-width:48.0625em){section.product-hero:after{content:"";display:block;height:calc(100% - var(--footer-height));width:50%;background-color:var(--orange-light-light);position:absolute;-webkit-transform-origin:right;transform-origin:right;left:50%;top:0;z-index:-1;opacity:0.5}section.product-hero.bg-default:after{background:transparent}section.product-hero.bg-white:after{background:var(--white)}section.product-hero.bg-purple:after{background:var(--purple-light-light)}section.product-hero.bg-marine:after{background:var(--marine-light-light)}section.product-hero.bg-blue:after{background:var(--blue-light-light)}section.product-hero.bg-green:after{background:var(--green-light-light)}section.product-hero.bg-orange:after{background:var(--orange-light-light)}section.product-hero.bg-salmon:after{background:var(--salmon-light-light)}section.product-hero.bg-peach:after{background:var(--peach-light-light)}}@media screen and (min-width:48.0625em){section.product-hero .images-wrapper{padding-right:var(--inner-padding)}}section.product-hero .images-wrapper .images{border-radius:10px;overflow:hidden;position:relative}section.product-hero .images-wrapper .images li{list-style:none}section.product-hero .images-wrapper .images li .img-wrapper{overflow:hidden;width:100%;padding-bottom:100%;height:0;position:relative}section.product-hero .images-wrapper .images li .img-wrapper img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}section.product-hero .images-wrapper .images li .img-wrapper:has(.video) .video{pointer-events:none;overflow:hidden}section.product-hero .images-wrapper .images li .img-wrapper:has(.video) .video .yt-wrapper{position:absolute;top:-50%;width:100%;height:100%}section.product-hero .images-wrapper .images li .img-wrapper:has(.video) .video .yt-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none}@media screen and (max-width:48em){section.product-hero .content{padding-right:0;padding-left:0}}section.product-hero .content .tag{font:var(--tag-font);text-transform:uppercase}section.product-hero .content .tag:before{height:12px;width:12px;display:block;content:"";background-size:100%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2UlEQVR4nO2YMUvDQBiGn0YsOjkKHUV/itJR/4miOIqbdVEXB4uDnRwVxP4CR9HJQXHUOkjdXESIBC5wHK3Jd727nJgXbkk+cs/75kvuEqhVq1YVagN94ANIBeMbeAZ2gdkqwBvAkRA6HTNugJlYkk0tx06VyV4AS8J5poFt7RpPruC7QvgekFjO1zSeCefwerLZ+ROH8Ln06zmF1+Fs4ZvAPjAAXoGOOubUgC94FLDZctkxZwYyuGPjIufAVMnzRRqMMPDmyoBveFTbmAZecGDAZ9sUtdDepAZCwaMe2I66E04e4hBtI1VpAzHClzYQK3wpA0U97WuFLaNGkYGY4VHblHzeIX8MPgEutbmvJfCZDiuG7xnzr0jg25HBHyJMtm9smauE76rQRckOtZqFWOAlyX5qdXNEAi9J9k6rWycSeEmyW1rdF7BKBPCSZLMfSfeeTSRSeGmyLeDRk4nEBt4mWR8mElt4W6hR9WtVweeaBx4EUNL6cfBnBvzpJItkSBPO4UOa8AYfwoR3eJ8mgsHbvG0S9U2cGvUbaoVfND5GrN82UtkmWzS8Jl/mTvyWbM/YopjjIETyRSbGjbwtshV+E7hVG8Z34ApYpkK1YkxWqiiTrVXrv+oHQwEUjdhVbv4AAAAASUVORK5CYII")}section.product-hero .content svg{max-width:100px!important;margin-bottom:20px}section.product-hero .content svg>g>g:first-child path{fill:var(--marine)}section.product-hero .content h1{border-bottom:1px solid var(--blue-light)}section.product-hero .content .reviews{text-transform:uppercase}section.product-hero .content .reviews a{color:inherit;text-decoration:none}section.product-hero .content .reviews p{padding-top:4px;font:var(--tag-font)}section.product-hero .content .lead .lead_text{font:var(--lead-font);font-weight:500}section.product-hero .content .meta{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:var(--gutter);padding-bottom:var(--gutter);position:relative}section.product-hero .content .meta:after{width:1px;height:100%;position:absolute;background:#ccc;content:"";left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section.product-hero .content .meta div ul li{list-style:none;font:var(--p-font);font-size:14px}section.product-hero .content .meta div ul:has(ul)>li{text-transform:uppercase;font:var(--tag-font)}section.product-hero .content .stores li{list-style:none}.ingredients{visibility:hidden;-webkit-transition:visibility 0s 0.3s,-webkit-transform 0.3s 0s ease;transition:visibility 0s 0.3s,-webkit-transform 0.3s 0s ease;transition:transform 0.3s 0s ease,visibility 0s 0.3s;transition:transform 0.3s 0s ease,visibility 0s 0.3s,-webkit-transform 0.3s 0s ease;position:fixed;width:50vw!important;height:100%;top:0;right:0;z-index:99;background:var(--marine);-webkit-transform:translateX(100%);transform:translateX(100%);color:var(--white);padding-top:calc(var(--inner-padding) * 2)!important}@media screen and (max-width:48em){.ingredients{width:100%!important;padding-top:calc(var(--inner-padding) * 5)!important}}.ingredients .close{position:absolute;right:20px;top:20px;background:url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z" fill="%23FFF"></path> </svg>');background-position:center;background-repeat:no-repeat;height:36px;width:36px;border:2px solid #fff;padding:5px;border-radius:100%;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.ingredients .close:hover{background-image:url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z" fill="%23112334"></path> </svg>');background-color:#fff}.ingredients.active{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-transition:visibility 0s 0s,-webkit-transform 0.3s 0s ease;transition:visibility 0s 0s,-webkit-transform 0.3s 0s ease;transition:transform 0.3s 0s ease,visibility 0s 0s;transition:transform 0.3s 0s ease,visibility 0s 0s,-webkit-transform 0.3s 0s ease}section.product-more .how-to {
  background: var(--white);
  border-radius: 10px;
}
@media screen and (max-width: 48em) {
  section.product-more .how-to {
    row-gap: calc(var(--inner-padding) * 2);
    background: var(--marine-light-light);
    padding-bottom: var(--inner-padding);
  }
}
@media screen and (max-width: 48em) {
  section.product-more .how-to {
    margin: 0;
    width: 100%;
  }
}
section.product-more .how-to .steps {
  background: var(--marine);
  color: #fff;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
section.product-more .how-to .steps ul {
  overflow: auto;
}
section.product-more .how-to .steps li {
  opacity: 0.4;
  list-style: none;
}
section.product-more .how-to .steps li.current {
  opacity: 1;
}
section.product-more .how-to .steps li.current a::after, section.product-more .how-to .steps li.current a::before {
  opacity: 0.4;
}
section.product-more .how-to .steps li a {
  color: inherit;
  text-decoration: none;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
  text-transform: uppercase;
}
section.product-more .how-to .steps li a::after, section.product-more .how-to .steps li a::before {
  content: "";
  display: block;
  height: 1px;
  width: 50%;
  background-color: var(--white);
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 0;
  -webkit-transform: translateY(calc(-50% - 15px));
          transform: translateY(calc(-50% - 15px));
}
section.product-more .how-to .steps li a::before {
  right: auto;
  left: 0;
}
section.product-more .how-to .steps li:first-child a::before {
  display: none;
}
section.product-more .how-to .steps li:last-child a::after {
  display: none;
}
section.product-more .how-to .steps .number {
  font-weight: 600;
  color: var(--marine);
  width: 40px;
  height: 40px;
  padding-top: 3px;
  border-radius: 100%;
  border: 2px solid var(--marine);
  background-color: var(--white);
  position: relative;
  z-index: 1;
}
section.product-more .how-to .usage {
  border-radius: 10px;
  padding-top: 0;
}
section.product-more .how-to .usage li,
section.product-more .how-to .usage p,
section.product-more .how-to .usage a {
  font: var(--p-font);
}
section.product-more .how-to .usage h4 {
  text-transform: uppercase;
}
section.product-more .how-to .usage ul li {
  list-style: none;
}