/** Shopify CDN: Minification failed

Line 123:0 Unexpected "}"

**/
/* Theme ArtWeb v1.0.0 · © Studio Art Web · https://studioartweb.com.br · não editar sem falar com o Studio */
/* ==========================================================================
   Harmony Health | hh-mobile.css
   Ajustes só do celular e tablet, vindos da auditoria mobile (26/10).
   Tudo aqui fica dentro de max-width:899px: o desktop aprovado não muda.
   ========================================================================== */
@media (max-width:899px){
  /* Sobre: a foto da abertura mostra o produto, não só a planta */
  .hh-inst-abertura .hh-cena-foto--pg{aspect-ratio:4/5;max-width:none}
  .hh-inst-abertura .hh-cena-foto--pg img{width:100%;height:100%;object-fit:cover;object-position:50% 72%}

  /* PDP: o selo "Recomendado" não cobre mais a bolinha do plano */
  .hh-plano,.hh-pdp .hh-plano{padding-top:50px}
  .hh-plano input{top:24px}

  /* botões lado a lado do mesmo tamanho */
  .hh-u-canais .hh-btn--contorno{border:1.5px solid var(--hh-tinta)}

  /* controles do slide com área de toque de 44 px */
  /* player do banner compacto, em vidro preto mais fechado (não azul) */
  .hh-slides .hh-slides__nav{bottom:16px;left:16px;gap:4px;padding:3px 4px 3px 8px;background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .hh-slides .hh-slides__indice{gap:2px}
  .hh-slides .hh-slides__indice button{min-width:40px;min-height:36px;padding:2px 4px;gap:5px;font-size:12.5px}
  .hh-slides .hh-slides__indice i{width:16px}
  .hh-slides .hh-slides__pausa{width:34px;height:34px;border-width:1px;background:rgba(0,0,0,.35)}
  .hh-slides .hh-slides__pausa svg{width:14px;height:14px}

  /* foto "Para a casa toda": menos alta, sem cortar rosto */
  .om3-casa{min-height:540px}
  .om3-casa__foto{object-position:62% 40%}

  /* textos de apoio legíveis para 50+ */
  .hh-cp__pix{font-size:14.5px}
  .hh-tag--produto{font-size:13.5px}
  .hh-slide__rotulo{font-size:13px}
  .hh-ugc-sec__nota{font-size:15px}

  /* toques pequenos */
  .hh-colecao-busca [type=reset],.hh-busca__limpar{min-height:44px}
}
@media (min-width:600px) and (max-width:899px){
  /* 768: pares de botões em duas colunas iguais */
  :is(.hh-u-acoes,.hh-botoes):has(>.hh-btn+.hh-btn){display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
  :is(.hh-u-acoes,.hh-botoes):has(>.hh-btn+.hh-btn)>.hh-btn{min-height:52px;width:100%;margin:0}
}
@media (max-width:899px) and (max-height:700px){
  /* celular baixo: barra de compra mais fina */
  .hh-barra-compra{min-height:56px;padding-block:6px}
  .hh-barra-compra__plano{display:none}
}

/* auditoria de fundos e peças (celular) */
@media (max-width:899px){
  /* Sênior: o frasco do cartão não cobre mais as pílulas */
  .om3-caixote__card:not(:has(.om3-caixote__respingo)) .om3-caixote__frasco{bottom:-2%;height:90%}
  .om3-caixote__info{padding-bottom:32px}
  .om3-caixote__marca img{display:block;margin-inline:auto}
  /* Três Marias em zigue-zague: a de longe vai para o alto à esquerda */
  .om3-caixote .om3-solta--longe{right:auto;left:7%;top:3%}

  /* palavras de fundo em fundo escuro ou de cor: degradê branco neutro, nunca escuro */
  .hh-home-clube__palavra{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;top:-.12em!important;bottom:auto!important;font-size:40vw!important}
  .om3-caixote .om3-fundo-palavra span{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
  .hh-uni .om3-fundo-palavra span{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;bottom:-16%!important}
  .hh-home-blog__palavra{display:none}
  .hh-pg-faixa .hh-pg-palavra{top:12px;bottom:auto;font-size:22vw}
  .hh-home-revenda__palavra{bottom:-.08em!important}
  .om3-gota-fundo{top:16px;width:240px}

  /* duas seções seguidas no mesmo papel chapado: a segunda vira branca */
  .shopify-section:has(>:is(.hh-sec--papel,.hh-uni,.hh-tiles-sec--papel,.hh-tiles-sec--pap)) + .shopify-section > :is(.hh-sec--papel,.hh-tiles-sec--papel,.hh-tiles-sec--pap){background:#fff}
}

/* auditoria de texto sobre foto (celular) */
@media (max-width:719px){
  /* hero em slides: a foto desce para o botão não cobrir frasco nem rosto */
  /* a foto continua encostando no topo (atrás da barra e do cabeçalho) e cresce para baixo:
     o frasco e os rostos descem sem abrir faixa vazia em cima */
  .hh-slides .hh-slide .hh-slide__fundo{inset:0 0 -110px 0}
}
@media (max-width:899px){
  /* mosaico "Gente de todo o Brasil": nas fotos pequenas a legenda vai para baixo da foto */
  .om3-quem .om3-mosaico{grid-auto-rows:auto}
  .om3-quem .om3-mosaico li{overflow:visible;border-radius:0}
  .om3-quem .om3-mosaico li img{border-radius:20px;height:auto;aspect-ratio:29/25}
  .om3-quem .om3-mosaico li:is(:nth-child(1),:nth-child(5)) img{aspect-ratio:358/310}
  .om3-quem .om3-mosaico li:not(:nth-child(1)):not(:nth-child(5)) figcaption{position:static;display:block;background:none;padding:6px 4px 0;font-size:14px}
  /* cápsula da frente não cobre o rótulo do frasco */
  .om3-caixote .om3-caixote__card .om3-solta--perto{left:-9%;bottom:-56px;width:104px}
  /* "Para a casa toda": título em 3 linhas, longe do frasco */
  .om3-casa .om3-casa__h2{font-size:28px;max-width:none;width:232px}
  .om3-casa .om3-casa__txt{padding-bottom:24px}
  /* coleção: texto do tile do Ômega longe das cápsulas */
  .hh-tile:has(img[src*="tile-omega"]) .hh-tile__txt{right:auto;max-width:6.2em}
  /* revenda da Home: título em 2 linhas sem partir a marca */
  .hh-home-revenda-sec .hh-home-revenda__titulo{font-size:clamp(36px,10.8vw,46px)}
  /* Sênior: pílulas do oceano numa linha só */
  .om3-oceano .om3-oceano__pilulas{flex-wrap:wrap;justify-content:flex-start;gap:8px}
  .om3-oceano .om3-oceano__pilulas li{font-size:14px;padding:8px 14px;white-space:nowrap}
  /* sem fresta entre "Para a casa toda" e a seção seguinte */
  .shopify-section:has(>.om3-casa) + .shopify-section > .om3-sec{margin-top:0}
  .om3-casa{margin-bottom:-1px}
  /* tiles: seta menor; no da farmácia ela sai para não cobrir o frasco */
  .hh-tile .hh-tile__seta{width:42px;height:42px;top:14px;right:14px}
  .hh-tile:has(img[src*="tile-linha"]) .hh-tile__seta{display:none}
  /* Clube: respiro entre o cabeçalho flutuante e a tag */
  .hh-pg-capa .hh-tags{margin-top:8px}
}

/* capa de Revendedores no celular: foto vertical com 4 frascos, enquadrada nos frascos */
@media (max-width:899px){
  .hh-cena-foto--pg:has(source[srcset*="cena-revenda-v2"]){aspect-ratio:4/5}
  .hh-cena-foto--pg:has(source[srcset*="cena-revenda-v2"]) img{width:100%;height:100%;object-fit:cover;object-position:50% 78%}
  /* "Para a casa toda" com foto vertical própria */
  .om3-casa:has(.om3-casa__pic--vertical){min-height:min(150vw,820px)}
  .om3-casa__pic--vertical .om3-casa__foto{object-position:50% 40%}
}
}

/* PDP: frete do kit e apoio do WhatsApp numa linha só no celular */
@media (max-width:899px){
  .hh-kit__frete,.hh-rotina__frete{align-items:center}
  :is(.hh-kit__frete,.hh-rotina__frete) span{white-space:nowrap;font-size:clamp(12px,3.3vw,15px);letter-spacing:-.01em}
  .hh-pdp-zap .hh-apoio{white-space:nowrap;font-size:clamp(12.5px,3.55vw,16px);letter-spacing:-.01em}
}
@media (max-width:899px){
  /* oceano: a borda escura do alto da foto sai para fora do quadro, sem linha entre as seções */
  .om3-oceano{overflow:hidden}
  .om3-oceano__foto{transform:scale(1.03);transform-origin:50% 100%}
}
@media (max-width:899px){
  /* "Para a casa toda" desce escura e o mar começa da mesma cor: passagem sem linha */
  .shopify-section:has(>.om3-casa) + .shopify-section > .om3-oceano::before{content:"";position:absolute;left:0;right:0;top:0;height:140px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(34,53,62) 0%,rgba(34,53,62,.6) 40%,rgba(34,53,62,0) 100%)}
}
@media (max-width:719px){
  /* texto do hero um pouco mais alto: mais folga entre o botão e o produto */
  .hh-slides .hh-slide__txt{padding-top:calc(var(--hh-cab-topo,104px) + 20px)}
}
@media (max-width:719px) and (max-height:760px){
  /* celular baixo: a foto desce mais para o botão não tocar tampa nem rosto */
  .hh-slides .hh-slide .hh-slide__fundo{inset:0 0 -170px 0}
}

/* "Simples de começar" no celular: foto primeiro; embaixo, número do passo grande ao lado
   do título e do texto, alinhados à esquerda e com respiro (antes ficava tudo colado na foto) */
@media (max-width:899px){
  .om3-trio .om3-trio__lista{counter-reset:passo;gap:44px}
  .om3-trio .om3-trio__item{counter-increment:passo;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:start;text-align:left}
  .om3-trio .om3-trio__item>:is(img,picture,.om3-trio__foto,figure){grid-column:1/-1;order:-1;margin:0 0 20px}
  .om3-trio .om3-trio__item::before{content:counter(passo,decimal-leading-zero);grid-row:span 2;font-weight:700;font-size:46px;line-height:.82;letter-spacing:-.05em;color:var(--hh-azul);opacity:.9}
  .om3-trio .om3-trio__quando{font-size:24px;line-height:1.05;margin:0}
  .om3-trio .om3-trio__txt{margin:8px 0 0;font-size:17px;line-height:1.45}
  .om3-trio .om3-trio__foto{border-radius:20px;aspect-ratio:4/4.2}
}
@media (max-width:899px){
  /* passos mais centrados: foto menor e texto puxado das bordas para o meio */
  .om3-trio .om3-trio__item{width:min(100%,310px);margin-inline:auto}
}

/* hero no celular: palavra de fundo no pé do banner, um pouco mais forte.
   1º slide no canto inferior esquerdo; os outros no canto inferior direito (fora dos rostos) */
@media (max-width:719px){
  .hh-slides .hh-slide .hh-slide__palavra{top:auto!important;bottom:62px!important;font-size:31vw!important}
  .hh-slides .hh-slide:first-of-type .hh-slide__palavra{left:-2vw!important;right:auto!important}
  .hh-slides .hh-slide:not(:first-of-type) .hh-slide__palavra{left:auto!important;right:-2vw!important}
  .hh-slides .hh-slide--escuro .hh-slide__palavra{background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.11) 45%,rgba(255,255,255,.18) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
  .hh-slides .hh-slide--claro .hh-slide__palavra{background:linear-gradient(90deg,rgba(11,37,51,.02) 0%,rgba(11,37,51,.06) 45%,rgba(11,37,51,.11) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
}

/* alvos de toque (28/10): pausa e índices dos slides com área de toque de 44 px, sem mudar o desenho */
@media (max-width:899px){
  .hh-slides .hh-slides__pausa,.hh-slides .hh-slides__indice button{position:relative}
  .hh-slides .hh-slides__pausa::after{content:"";position:absolute;inset:-5px;border-radius:50%}
  .hh-slides .hh-slides__indice button::after{content:"";position:absolute;inset:-4px 0}
}