/* ===== camada de ajustes nossos: controles proprios de video, barra de compra grudada,
   galeria de midia e correcoes de contraste. Resto do desenho vem de tema-smooche.css ===== */

/* ===== AJUSTES DA REVISAO PRIORIZADA (Luna gpt-5.6-luna, 21/09/2026) =====
   Somente apresentacao e estado: nenhuma palavra de copy, preco ou numero mudou.
   Os tokens de contraste mantem o mesmo matiz da marca, so mais escuros, para
   texto/botao sobre branco e sobre rosa claro atender AA (4.5:1).
   Para reverter qualquer item, basta remover a regra correspondente daqui. */

/* contraste: verde de compra escurecido (branco sobre verde ia de 2.92:1 para 5.02:1) */
:root{--verde-cta:#15803D;--laranja-texto:#B4500F;--rosa-texto:#B84A6E}
.btn,button.btn{background:var(--verde-cta);box-shadow:0 8px 18px rgba(21,128,61,.2)}
@keyframes pulso-verde{
  0%{transform:scale(1);box-shadow:0 8px 18px rgba(21,128,61,.20),0 0 0 0 rgba(21,128,61,.42)}
  50%{transform:scale(1.045);box-shadow:0 18px 40px rgba(21,128,61,.50),0 0 0 14px rgba(21,128,61,0)}
  100%{transform:scale(1);box-shadow:0 8px 18px rgba(21,128,61,.20),0 0 0 0 rgba(21,128,61,0)}
}
.product-panel .benefit::before{color:var(--verde-cta)}
/* contraste: laranja 2.84:1 -> 5.13:1 e rosa 2.25:1 -> 4.95:1 (mesma familia de cor) */
.stars{color:var(--laranja-texto)}
.quote-footer .stars,.benefit-card .num,.number strong{color:var(--rosa-texto)}
/* legibilidade: piso de 12px nos textos que estavam em 10.5-11.5px */
.footer-label,.site-footer .footer-label,.pay-icons-label{font-size:1.2rem}
.compare .compare-table thead th,.compare .compare-table td{font-size:1.25rem}
/* contraste dos cinzas auxiliares: #737373 ficava em 4.43:1 sobre os fundos creme */
.muted,.placeholder,.visual figcaption,.number small,.dobra4-legendas,.quote-footer,.quote .verified,.quote-rating,.quote-context,.formula-sub,.buybar-preco s{color:#6E6E6E}
/* tabela comparativa: regiao rolavel por teclado com indicador visivel, sem gradiente */
.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#DF8096 #E5E5E5}
.table-scroll::-webkit-scrollbar{height:8px}
.table-scroll::-webkit-scrollbar-track{background:#E5E5E5;border-radius:8px}
.table-scroll::-webkit-scrollbar-thumb{background:#DF8096;border-radius:8px}
/* consistencia: os dois CTAs de compra com o mesmo tratamento de caixa */
.buybar-btn{text-transform:uppercase}
/* linha de envio: mockup funcional com data curta e contagem regressiva até o corte das 18h */
body .product-panel .shipping-countdown{display:block;margin-bottom:.45rem;line-height:1.35}
body .product-panel .shipping-countdown[hidden]{display:none}
body .product-panel .shipping-countdown strong{font-weight:700;color:#252525}
body .product-panel .shipping-free{display:block}
/* a barra do desktop agora aparece desde o carregamento: reserva o espaco dela no topo */
@media(min-width:700px){.hero{padding-top:calc(4rem + 68px)}}
@media(max-width:699px){
  /* a barra fixa de 105px nao pode cobrir o fim do rodape */
  body{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .buybar{padding-bottom:env(safe-area-inset-bottom)}
  .buybar-txt{flex:1 1 auto;min-width:0}
  .buybar-nome{max-width:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
  .buybar-preco{font-size:1.35rem}
}

/* ===== SEGUNDA PASSADA DA REVISAO (Luna gpt-5.6-luna, 21/09/2026) =====
   Tudo aqui e apresentacao/estado. Nenhuma palavra de copy, preco ou numero foi alterada. */

/* 1. contrastes que ainda ficavam em 4,49:1 (cinza #737373 sobre o rosa claro #fef7f9) */
.quote-rating,.quote-context,.quote-footer{color:#6b6b6b}
/* 1b. cabecalho da tabela nao ficava abaixo de 12px (regra da secao vencia o ajuste geral) */
.compare .compare-table thead th{font-size:1.25rem}

/* 2. o CTA que e <button> voltou a herdar peso/familia/tamanho do .btn (regra corrigida acima) */

/* 3. piso de 12px no que ainda estava em 10,9px */
.copyright,.pay{font-size:.75rem}

/* 4. alvo de toque de 24px nos indicadores de carrossel e seta de 44px na galeria do celular */
.gal-dot,.quotes-dots button,.foto-dots button{position:relative}
.gal-dot::after,.quotes-dots button::after,.foto-dots button::after{content:"";position:absolute;inset:-8px}
@media(max-width:699px){.gal-arrow{width:44px;height:44px}}

/* 5. primeira dobra: aproxima o botao de compra do painel sem mexer em texto */
.product-panel{padding:1.8rem 2.2rem 2rem}
.product-panel h1{margin:0 0 1.2rem}
.product-panel .benefits{gap:.7rem;margin:0 0 1.4rem}
.product-panel .benefit{padding:1rem 1.4rem}
.product-panel .support{margin:0 0 1.4rem}
.product-panel .offers{gap:.6rem;margin:0 0 1.2rem}
.product-panel .offer{padding:1.1rem 1.4rem}
@media(max-width:699px){
  .product-panel{padding:1.6rem 1.6rem 1.8rem}
  /* indicacao estatica de que a tabela comparativa desliza dentro do quadro */
  .compare .table-scroll{box-shadow:inset -16px 0 14px -14px rgba(0,49,96,.28)}
}

/* Ofertas: leitura um pouco maior e radio mais visivel, sem trocar a paleta
   nem o desenho dos cards. O seletor com body vence a base inline da LP. */
body .product-panel .offers{gap:.8rem}
body .product-panel .offer{
  display:flex;
  align-items:flex-start;
  gap:.9rem;
  padding:1.2rem 1.4rem;
  font-size:1.7rem;
  line-height:1.5;
}
body .product-panel .offer-copy{display:block;min-width:0;color:inherit}
body .product-panel .offer-copy strong{font-weight:800;color:inherit}
body .product-panel .offer-copy .offer-discount{color:#DF8096!important}
body .product-panel .offer input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  width:1.8rem;
  height:1.8rem;
  flex:0 0 1.8rem;
  margin:.25rem 0 0;
  border:2px solid #8A8A8A;
  border-radius:50%;
  background:#fff;
  position:relative;
  cursor:pointer;
}
body .product-panel .offer input[type="radio"]:checked{border-color:#DF8096}
body .product-panel .offer input[type="radio"]:checked::after{
  content:"";
  position:absolute;
  width:.8rem;
  height:.8rem;
  inset:0;
  margin:auto;
  border-radius:50%;
  background:#DF8096;
}
body .product-panel .offer input[type="radio"]:focus-visible{
  outline:2px solid #003160;
  outline-offset:2px;
}
@media(max-width:699px){
  body .product-panel .offer{
    gap:.7rem;
    padding:1.15rem 1.2rem;
    font-size:1.65rem;
  }
  body .product-panel .offer input[type="radio"]{
    width:1.7rem;
    height:1.7rem;
    flex-basis:1.7rem;
    margin-top:.2rem;
  }
  body .product-panel .offer input[type="radio"]:checked::after{
    width:.7rem;
    height:.7rem;
  }
}

/* 6. video de secao sem controle nativo: no celular, em autoplay, a barra do player nativo
   ficava presa em cima do video quando o dedo arrastava a pagina, e so saia com um toque.
   Agora o video de secao toca em silencio (mudo + loop, como imagem em movimento) e os
   controles de play/pausa e som sao proprios, de 44px, sempre visiveis. */
.vctl{position:relative;overflow:hidden;border-radius:16px;background:#f7f7f7;display:block}
.vctl-9x16{aspect-ratio:9/16}
.vctl-wide{aspect-ratio:901/506}
.social-head>.vctl{width:min(100%,420px);height:auto;margin:0 auto}
.dobra4-ctl{width:100%;max-width:901px;margin:2.4rem auto 0}
.video-uso .vctl{width:100%}
.vctl>video,.social-head>.vctl>video,.video-uso .vctl>video,.dobra4-ctl>video{
  width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;margin:0;
  border-radius:inherit;object-fit:contain;display:block
}
@media(min-width:700px){.social-head>.vctl{max-width:360px}}
.social-head .vctl{margin-bottom:2.2rem}
@media(max-width:699px){.social-head .vctl{margin-bottom:1.8rem}}
.vctl-ui{position:absolute;right:.55rem;bottom:.55rem;display:flex;gap:.5rem;z-index:2}
.vctl-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;margin:0;
  border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(0,0,0,.62);
  color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none}
.vctl-btn:focus-visible{outline:3px solid #003160;outline-offset:2px}
.vctl-ic{width:22px;height:22px;fill:currentColor;display:block}
.vctl-toggle .vctl-ic-play{display:none}
.vctl-toggle.is-paused .vctl-ic-play{display:block}
.vctl-toggle.is-paused .vctl-ic-pause{display:none}
.vctl-som .vctl-ic-mudo{display:none}
.vctl-som.is-mudo .vctl-ic-mudo{display:block}
.vctl-som.is-mudo .vctl-ic-som{display:none}

/* 7. mesma correcao nos 9 videos que dependem de toque para tocar (3 da galeria + 6 do carrossel):
   sem player nativo, com botao de play proprio e barra de play/pausa + som. */
.gal-slide>.vctl{display:block;width:100%;aspect-ratio:4/5;border-radius:0;background:#f7f7f7}
.foto-card>.vctl{width:100%;aspect-ratio:9/16;border-radius:14px;background:#f7f7f7}
@media(max-width:699px){.gal-slide>.vctl{aspect-ratio:3/4}}
.vctl-tap{cursor:pointer}
.vctl-iniciar{position:absolute;inset:0;margin:auto;width:76px;height:76px;padding:0;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:999px;
  background:rgba(0,0,0,.55);color:#fff;cursor:pointer;z-index:3;-webkit-appearance:none;appearance:none}
.vctl-iniciar .vctl-ic{width:34px;height:34px;margin-left:3px}
.vctl-iniciar:focus-visible{outline:3px solid #003160;outline-offset:3px}
.vctl-tap.is-tocando .vctl-iniciar{display:none}
.vctl-tap:not(.is-tocando) .vctl-ui{display:none}


/* ===== fallback dos carrosseis da referencia sem o JS do Swiper =====
   A referencia renderiza a mesma lista duas vezes: grade (desktop) e trilha
   deslizavel (celular). Sem o JS do Swiper, a trilha vira uma linha com
   deslize nativo e encaixe, mantendo o comportamento de arrastar com o dedo. */
@media (max-width: 767px){
  .swiper{overflow:hidden}
  .swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px}
  .swiper-wrapper>.swiper-slide{flex:0 0 84%;scroll-snap-align:center}
  /* 23/09: a regra original escondia TODAS as setas do Swiper no celular.
     Os controles dos carrosseis que existem de verdade (depoimentos,
     ingredientes, videos e resultados) passam a aparecer tambem no mobile, entao
     a exclusao e só para as trilhas sem controles proprios. A barra de rolagem
     continua oculta, porque nesses carrosseis quem sinaliza a posicao e o
     conjunto de dots. 24/09: entrou a secao "Resultado que da para medir". */
  .swiper-scrollbar{display:none !important}
  .swiper-button-prev,
  .swiper-button-next{display:none !important}
  .smooche-testimonials .swiper-button-prev,
  .smooche-testimonials .swiper-button-next,
  .smooche-ingredients .swiper-button-prev,
  .smooche-ingredients .swiper-button-next,
  .smooche-results .swiper-button-prev,
  .smooche-results .swiper-button-next{display:flex !important}
}

/* ===== quadro tracejado de antes e depois (marcador de producao da marca) ===== */
.mini-before.placeholder{border:1px dashed #c9c2c4;border-radius:8px;padding:10px 12px;
  font-size:1.2rem;line-height:1.4;color:#6b6b6b;text-align:center;background:#fff;margin:0 0 12px}

/* ===== alinhamento mobile com a Smooche original, revisado pelo Luna ===== */
.announcement-bar{height:42px;display:flex;align-items:center;justify-content:center;
  background:#000;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.08em;
  line-height:1;text-align:center;text-transform:none;position:sticky;top:0;z-index:9001}
.site-header{top:42px;min-height:60px;z-index:9000}
.site-header .wrapper{min-height:60px;position:relative;justify-content:center}
.site-header .logo{position:absolute;left:50%;top:50%;width:min(150px,27vw);height:auto;margin:0;padding:0;transform:translate(-50%,-50%);z-index:2}
.site-header .logo__image-link{display:block;width:100%;height:auto;aspect-ratio:auto}
.site-header .logo__image{display:block;width:100%;height:auto!important;max-width:none;object-fit:contain}
.mobile-header-icon,.mobile-cart{display:none}
.mobile-nav-drawer{display:none}

@media (max-width:899px){
  .site-header .wrapper{padding-inline:20px}
  .site-header .nav{width:100%;justify-content:center;pointer-events:none}
  .site-header .menu__items{display:none}
  .mobile-header-icon,.mobile-cart{display:grid;place-items:center;position:absolute;top:50%;width:32px;height:32px;
    padding:4px;border:0;background:transparent;color:#111;transform:translateY(-50%);z-index:3;cursor:pointer}
  .mobile-header-icon svg,.mobile-cart svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-menu{left:16px}
  .mobile-cart{right:16px}
  .mobile-nav-drawer{position:fixed;top:102px;left:0;right:0;z-index:8999;padding:8px 20px 14px;
    background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 8px 18px rgba(0,0,0,.12)}
  .mobile-nav-drawer.is-open{display:grid}
  .mobile-nav-drawer a{padding:14px 0;color:#111;border-bottom:1px solid #ededed;font-size:1.35rem;font-weight:600;text-decoration:none}
  .mobile-nav-drawer a:last-child{border-bottom:0}
}

@media (max-width:699px){
  .buybar{transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .28s ease,opacity .2s ease,visibility .28s ease}
  .buybar.on{transform:none;opacity:1;visibility:visible}
  .buybar-inner{width:100%;display:grid;grid-template-columns:1fr;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .buybar-thumb{display:none}
  .buybar-txt{width:100%;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0}
  .buybar-nome{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.2;font-size:1.25rem}
  .buybar-preco{flex:0 0 auto;white-space:nowrap;font-size:1.25rem}
  .buybar .buybar-btn{width:100%;max-width:none;min-width:0;flex:0 0 auto;height:46px;margin:0;padding:12px 10px;font-size:1.25rem}
  .smooche-videos__dots{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px auto 2px}
  .smooche-videos__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#c9c9c9;cursor:pointer}
  .smooche-videos__dot.is-active{width:9px;height:9px;background:#111}
}
@media (min-width:700px){.smooche-videos__dots{display:none}}

/* cards de benefícios: grade clara, ícones equivalentes e texto curto pronto para a nova copy */
body .product-panel .benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.6rem;
  margin:0 0 1.8rem;
}
body .product-panel .benefit{
  display:grid;
  grid-template-columns:4.8rem minmax(0,1fr);
  align-items:center;
  gap:2rem;
  min-height:6.25rem;
  padding:.5rem 2.4rem;
  border:0;
  border-radius:2rem;
  background:#F7F7F7;
  color:#252525;
  font-family:var(--FONT-STACK-HEADING,"Jost",sans-serif);
  font-size:1.7rem;
  font-weight:600;
  line-height:1.22;
}
body .product-panel .benefit::before{content:none}
body .product-panel .benefit strong{display:block;color:inherit;font-size:1.75rem;font-weight:750;line-height:1.05}
.product-panel .benefit-copy{display:block;min-width:0}
.product-panel .benefit-copy>span{display:block;margin-top:.45rem;font-size:1.45rem;font-weight:400;line-height:1.25}
.product-panel .benefit-icon{
  display:grid;
  place-items:center;
  width:4.8rem;
  height:4.8rem;
  color:#DF8096;
}
.product-panel .benefit-icon svg{display:block;width:100%;height:100%}
@media(max-width:699px){
  body .product-panel .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}
  body .product-panel .benefit{
    grid-template-columns:3.2rem minmax(0,1fr);
    gap:.8rem;
    min-height:6.25rem;
    padding:.5rem 1rem;
    border-radius:1.6rem;
    font-size:1.3rem;
  }
  body .product-panel .benefit strong{font-size:1.4rem}
  .product-panel .benefit-copy>span{font-size:1.2rem;margin-top:.3rem}
  .product-panel .benefit-icon{width:3.2rem;height:3.2rem}
}

/* metade das alturas da referência Smooche: cada linha equaliza seus dois cards */
body .product-panel .benefit:nth-child(-n+2){min-height:6.25rem}
body .product-panel .benefit:nth-child(n+3){min-height:7.85rem}

@media(max-width:340px){
  body .product-panel .benefit{grid-template-columns:2.4rem minmax(0,1fr);gap:.5rem;padding:.45rem .5rem}
  body .product-panel .benefit strong{font-size:1.3rem}
  .product-panel .benefit-copy>span{font-size:1.05rem;margin-top:.2rem}
  .product-panel .benefit-icon{width:2.4rem;height:2.4rem}
}

/* Grade e seletor compartilham o mesmo cinza; a oferta selecionada fica branca */
body .product-panel .offer{background:#F2F2F2}
body .product-panel .offer.selected{background:#FFFFFF}

/* Fotos da galeria principal: zoom e cursor iguais ao padrão da Smooche. */
.product-gallery .gal-slide{position:relative}
.product-gallery .gal-slide .gal-zoom{z-index:1}
.product-gallery .gal-slide .gal-zoom:focus-visible{outline:3px solid #003160;outline-offset:-3px}
.gal-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:transparent;color:#fff;overflow:hidden}
.gal-lightbox:not([open]){display:none}
.gal-lightbox::backdrop{background:rgba(0,0,0,.92)}
.gal-lightbox__image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);object-fit:contain}
.gal-lightbox__close,.gal-lightbox__nav{position:fixed;z-index:1;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.58);color:#fff;cursor:pointer}
.gal-lightbox__close{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));font-size:30px;line-height:1}
.gal-lightbox__nav{top:50%;transform:translateY(-50%);font-size:34px;line-height:1}
.gal-lightbox__prev{left:max(14px,env(safe-area-inset-left))}
.gal-lightbox__next{right:max(14px,env(safe-area-inset-right))}
.gal-lightbox__counter{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:1.3rem;line-height:1.2}
.gal-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:699px){
  .gal-lightbox{padding:14px}
  .gal-lightbox__image{max-width:100%;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}
  .gal-lightbox__close,.gal-lightbox__nav{width:44px;height:44px}
  .gal-lightbox__prev{left:8px}
  .gal-lightbox__next{right:8px}
}

/* ------------------------------------------------------------------
   FAQ do hero: acordeao (pedido 16/10/2026). Colapsado por padrao;
   clique abre e fecha. As regras usam mais especificidade que o
   .faq-a-static fixo do mobile-ajustes.css, por isso vencem mesmo com
   !important dos dois lados.
   ------------------------------------------------------------------ */
body #conteudo .faq .faq-q-static{cursor:pointer}
body #conteudo .faq .faq-q-static .faq-q-botao{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer}
body #conteudo .faq .faq-q-static .faq-q-botao::after{content:"+";flex:0 0 auto;font-weight:400;font-size:1.6rem;line-height:1;color:#8A8A8A;transition:transform .18s}
body #conteudo .faq .faq-item.is-open .faq-q-static .faq-q-botao::after{content:"\2212";color:#171717}
body #conteudo .faq .faq-item:not(.is-open) .faq-a-static{display:none!important;height:0!important;max-height:none!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important}
body #conteudo .faq .faq-item.is-open .faq-a-static{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important}
body #conteudo .faq .faq-q-static .faq-q-botao:focus-visible{outline:3px solid #B9D9E6;outline-offset:2px}

/* ------------------------------------------------------------------
   FAQ do hero no mesmo layout e cores de techteo.com.br/smooche
   (medido na referencia em 390px): pergunta rosa 16px/400 com
   respiro de 16px nas duas faces, separadores #E5E5E5, resposta
   15,5px #484848 e mais escuro 19px #151515.
   ------------------------------------------------------------------ */
body #conteudo .faq .faq-item{border-top:1px solid #E5E5E5;padding:16px 0;margin:0}
body #conteudo .faq .faq-q-static{color:#B84A6E;font-size:1.6rem;font-weight:400;line-height:1.45;padding:16px 0;margin:0}
body #conteudo .faq .faq-q-static .faq-q-botao::after{font-size:1.6rem;font-weight:400;color:#B84A6E}
body #conteudo .faq .faq-item.is-open .faq-q-static .faq-q-botao::after{color:#151515}
body #conteudo .faq .faq-a-static{color:#484848!important;font-size:1.55rem!important;line-height:1.6!important}

/* ------------------------------------------------------------------
   Titulo "Expulsa as manchas" (secao Expulsa): 2 linhas em toda largura,
   mesma regra que entrou em techteo.com.br/smooche. Colunas de conteudo:
   300px em 320, 350px em 390, 339px no intervalo 750-1099 (grid de duas
   colunas) e 635px no desktop. O prefixo body vence a regra inline
   .smooche-expulsa .smooche-iwt__heading (2.64rem) do HTML.
   ------------------------------------------------------------------ */
body .smooche-iwt-template--20029865361564__section_image_with_text_xdx7DM .smooche-iwt__heading{font-size:clamp(12px,5.3vw,26.4px)}
@media (min-width:750px) and (max-width:1099px){
  body .smooche-iwt-template--20029865361564__section_image_with_text_xdx7DM .smooche-iwt__heading{font-size:21px}
}