const htmlContent = `
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" http-equiv="refresh" content="" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

    <title>Fritadeira Elétrica Wap Air fry Family 4.1L</title>
    <link rel="stylesheet" href="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_styles.css" />
    <link rel="stylesheet" href="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_global01.css" />
    <link rel="stylesheet" href="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_slider.css" />
    <link rel="stylesheet" href="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_leafsAnimation.css" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Inter:wght@500"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
    />
  </head>
  <main class="m-auto max-w-vtex">
    <div class="overflow-x-hidden">
      <header class="flex flex-col items-center">
        <div class="w-full" x-data="{ showVideo: false }">
          <img
            x-show="!showVideo"
            @click="showVideo = true"
            src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_cover_video.jpg"
            alt="Video Thumbnail"
            class="hidden object-cover w-full h-full mt-10 md:block"
          />
          <iframe
            x-show="showVideo"
            loading="lazy"
            :src="showVideo ? 'https://www.youtube.com/embed/jhzZVrfqQCQ?si=kvqYusDhsR5iieRs&autoplay=1' : ''"
            class="w-full mt-10 m-auto h-[40rem] hidden md:block"
            frameborder="0"
            allow="autoplay; encrypted-media"
            allowfullscreen
          ></iframe>
        </div>
        <h1
          class="py-2 text-center text-white rounded-b-lg md:py-4 px-7 text-1xl font-poppins bg-red-default"
        >
          PROSDÓCIMO
        </h1>
      </header>

      <section class="flex flex-col items-center mt-14 md:mt-36">
        <img
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_apontando_dedo_desktop.png"
          class="hidden w-full px-10 md:block"
          alt="Henrique Fogaca apontando dedo para o produto"
        />
        <img
          src="https://lojawap.vteximg.com.br/arquivos/airfry_family4L_mobile_01.png"
          class="w-full m-auto md:hidden"
          alt="Henrique Fogaca apontando dedo para o produto"
        />

        <div
          class="flex flex-col items-start gap-20 mx-10 mt-20 md:gap-0 md:mx-16 md:justify-around md:flex-row md:mt-28"
        >
          <div
            class="flex flex-col items-center justify-end md:mx-5 text-cente"
          >
            <img
              class="w-14"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fritadeira_sem_oleo.png"
              alt="Icone fritadeira sem oleo"
            />
            <h1
              class="mt-4 text-2xl font-bold leading-snug text-center text-black uppercase md:text-lg font-poppins"
            >
              FRITADEIRA <br class="hidden md:block" />
              SEM ÓLEO
            </h1>
            <p
              class="mt-4 text-base font-light leading-5 text-center text-black font-inter"
            >
              Prepare receitas mais saudáveis, com menos gordura, utilizando
              pouco ou nenhum óleo no processo de cozimento dos alimentos.
            </p>
          </div>
          <div
            class="flex flex-col items-center justify-end md:mx-5 text-cente"
          >
            <img
              class="w-14"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_cesto_removivel_icon.png"
              alt="Icone fritadeira sem oleo"
            />
            <h1
              class="mt-4 text-2xl font-bold leading-snug text-center text-black uppercase md:text-lg font-poppins"
            >
              CESTO<br class="hidden md:block" />
              REMOVÍVEL
            </h1>
            <p
              class="mt-4 text-base font-light leading-5 text-center text-black font-inter"
            >
              Tenha mais praticidade para retirar os alimentos e facilidade na
              limpeza com o cesto removível da WAP AIR FRY FAMILY 4 Litros .
            </p>
          </div>
          <div
            class="flex flex-col items-center justify-end md:mx-5 text-cente"
          >
            <img
              class="w-14"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_anti_aderente_gray_stone.png"
              alt="Icone fritadeira sem oleo"
            />
            <h1
              class="mt-4 text-2xl font-bold leading-snug text-center text-black uppercase md:text-lg font-poppins"
            >
              ANTIADERENTE<br class="hidden md:block" />
              GRAY STONE
            </h1>
            <p
              class="mt-4 text-base font-light leading-5 text-center text-black font-inter"
            >
              Com dupla camada antiaderente, que não gruda, é fácil muito mais
              prático limpar. Exclusivo nas fritadeiras elétricas da WAP.
            </p>
          </div>
        </div>
      </section>

      <section class="mt-32">
        <div
          class="flex flex-col items-center justify-center text-center bg-custom-gray rounded-t-2xl pb-52"
        >
          <h1
            class="pt-12 font-bold text-[4.0625rem] font-poppins text-center uppercase text-black-default"
          >
            4 LITROS
          </h1>
          <h3
            class="text-[2.5rem] -mt-5 font-light font-poppins text-center uppercase text-black-default tracking-tighter"
          >
            DE CAPACIDADE
          </h3>
          <p
            class="mt-5 text-center text-black-default font-inter text-base font-light leading-[1.1875rem] w-[70%]"
          >
            O formato quadrado do cesto com capacidade de 4 litros, garante um
            melhor aproveitamento do espaço, permitindo o preparo de grandes
            porções de comida, assando de forma uniforme todo o alimento.
          </p>
        </div>

        <div
          class="relative flex flex-col items-end w-full bg-black-default lg:items-center"
        >
          <div>
            <img
              class="absolute animation object-fill w-[10rem] -top-[4rem] md:w-[20rem] md:-left-10 -left-[2rem] animate-float"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_effect_img_2.png"
              alt="Imagem de efeito"
            />

            <img
              class="hidden animation lg:block absolute object-fill right-0 md:-right-10 -top-[5rem] w-[20rem] animate-float-reverse"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_effect_img_4.png"
              alt="Imagem de efeito"
            />
          </div>
          <div class="relative -mt-32 lg:-mt-40">
            <img
              class="absolute object-fill w-[15rem] animation top-8 -left-40 md:-left-48 md:w-[20rem] animate-float"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_effect_img_1.png"
              alt="Imagem de efeito"
            />
            <img
              class="absolute animation object-fill hidden lg:block -right-[7rem] md:-right-32 top-[5rem] w-[15rem] animate-float"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_effect_img_3.png"
              alt="Imagem de efeito"
            />
            <img
              class="mr-4 mt-10 w-full md:mt-0 h-80 md:w-[26rem] md:h-[31rem] z-1"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_cesto_com_frango.png"
              alt="Cesto com frango"
            />
          </div>
        </div>

        <div
          class="flex flex-wrap items-center w-full gap-4 px-2 pt-10 pb-20 md:pt-14 rounded-b-2xl bg-black-default sm:px-10 md:mx-0 md:gap-2 md:flex-nowrap justify-evenly"
        >
          <div class="flex flex-col items-center justify-center w-40">
            <img
              class="object-cover object-center w-40"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_4_mini_burguer.png"
              alt="Hamburguer"
            />
            <h1
              class="text-white mt-3 h-10 text-[0.9rem] text-center font-bold font-poppins"
            >
              4 MINI HAMBÚRGUERES
            </h1>
          </div>
          <div class="flex flex-col items-center justify-center w-40">
            <img
              class="object-cover object-center w-40"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_5_cup_cakes.png"
              alt="Cupcakes"
            />
            <h1
              class="text-white mt-3 h-10 text-[0.9rem] text-center font-bold font-poppins"
            >
              5 CUPCAKES
            </h1>
          </div>
          <div class="flex flex-col items-center justify-center w-40">
            <img
              class="object-cover object-center w-40"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_12_coxinhas_de_frango.png"
              alt="Coxinhas de Frango"
            />
            <h1
              class="text-white mt-3 h-10 text-[0.9rem] text-center font-bold font-poppins"
            >
              12 COXINHAS <br />
              DE FRANGO
            </h1>
          </div>
          <div class="flex flex-col items-center justify-center w-40">
            <img
              class="object-cover object-center w-40"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_9_paes_de_queijo.png"
              alt="Pão de Queijo"
            />
            <h1
              class="text-white mt-3 h-10 text-[0.9rem] text-center font-bold font-poppins"
            >
              9 PÃES DE QUEIJO
            </h1>
          </div>
          <div class="flex flex-col items-center justify-center w-40">
            <img
              class="object-cover object-center w-40"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_18_nuggets.png"
              alt="Nuggets"
            />
            <h1
              class="text-white mt-3 h-10 text-[0.9rem] text-center font-bold font-poppins"
            >
              18 NUGGETS
            </h1>
          </div>
        </div>
      </section>

      <section
        id="slider_aduhs"
        class="relative mx-auto -mt-5 overflow-hidden md:mt-3"
      >
        <div
          id="slider_container"
          class="flex items-start md:pr-[0rem] transition-transform duration-250"
        ></div>
        <div
          id="btn_previous_uas"
          class="absolute z-10 hidden w-10 h-10 p-2 px-4 text-3xl transform -translate-y-1/2 cursor-pointer md:block left-5 top-1/2"
          style="
            background-image: url(&quot;https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_left_sign.png&quot;);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
          "
        ></div>
        <div
          id="button_next_uasdhuas"
          class="absolute z-20 hidden w-10 h-10 p-2 px-4 transform -translate-y-1/2 cursor-pointer md:block right-5 top-1/2"
          style="
            background-image: url(&quot;https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_right_sign.png&quot;);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
          "
        ></div>
      </section>

      <section class="grid ml-5 mt-14 md:mt-32 md:mx-0 lg:grid-cols-2">
        <div class="flex flex-col md:px-0 md:mr-5 md:ml-20">
          <h1 class="text-2xl -top-[1rem] font-extrabold font-poppins">
            FAÇA FRITURAS SEM <br />
            UTILIZAR ÓLEO.
          </h1>

          <p
            class="mt-3 text-base w-[80%] font-light text-black font-inter md:mt-5"
          >
            É possível preparar frituras saborosas, crocantes por fora e macias
            por dentro, com menos gordura! Com a Fritadeira Elétrica WAP Air Fry
            Family 4L, você chega no ponto ideal das receitas sem utilizar
            óleo ou manteiga no preparo<br /><br />

            Sua tecnologia permite fritar os alimentos com ar quente. A Air
            Fryer envolve a comida, aquecendo e cozinhando internamente, sem
            usar o óleo, proporcionando ótimos resultados.
          </p>
          <h1
            class="hidden mt-16 text-2xl font-extrabold md:block font-poppins"
          >
            CARDÁPIO DE CHEF
          </h1>
          <h1 class="block mt-10 text-lg font-extrabold md:hidden font-poppins">
            CARDÁPIO DE CHEF HENRIQUE FOGAÇA
          </h1>
          <p
            class="mt-3 text-base w-[80%] font-light text-black font-inter md:mt-5"
          >
            Desperte seu paladar para uma rotina alimentar mais saudável e de
            dar água na boca com receitas assinadas pelo Chef Henrique
            Fogaça.<br /><br />

            De pratos principais a sobremesa, o chef irá revelar como usar todo
            o potencial da linha de produtos de cozinha da WAP em suas receitas.
          </p>
          <div class="mt-10">
            <span
              class="px-4 py-2 font-bold text-white rounded-md cursor-pointer font-poppins bg-red-default"
              onclick="window.open('https://receitas.wap.ind.br?utm_source=loja_wap&utm_medium=html_loja_wap&utm_campaign=link_categoria_cozinha_para_blog_receitas', '_blank')"
            >
              ACESSE AS RECEITAS DA WAP
            </span>
          </div>
        </div>
        <img
          class="w-[30rem] sm:block hidden sm:mt-0 mt-10 mx-auto"
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_mao_na_cintura_fundo_vermelho.png"
          alt="Henrique fogaça com a mão na cintura"
        />
        <img
          class="left-0 w-full mt-10 sm:hidden"
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_mao_na_cintura_fundo_vermelho_mobile.png"
          alt="Henrique fogaça com a mão na cintura"
        />
      </section>

      <section class="z-10 grid justify-center m-auto mt-20 lg:grid-cols-2">
        <img
          class="object-cover sm:w-[30rem] lg:w-[60rem] m-auto"
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_produto_de_lado.png"
          alt="Frigideira gray stone"
        />

        <div
          class="flex flex-col justify-center h-full gap-20 pt-10 mx-5 text-center md:pl-10 lg:text-start font-poppins"
        >
          <div class="flex flex-col items-center justify-center lg:items-start">
            <img
              class="w-12 h-12"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_estrela_gota.png"
              alt="Icon"
            />
            <h1 class="mt-6 text-2xl font-bold">GRAY STONE</h1>
            <p class="mt-6 w-[80%] font-light tracking-tighter font-inter">
              Para manter sua air fryer sempre limpa, o revestimento
              antiaderente com acabamento marmorizado evita que os alimentos
              grudem e é fácil de limpar.
            </p>
          </div>
          <div class="flex flex-col items-center justify-center lg:items-start">
            <img class="w-12 h-12" src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_bolhas.png" alt="Icon" />
            <h1 class="mt-6 text-2xl font-bold">FÁCIL LIMPEZA</h1>
            <p class="mt-6 w-[80%] font-light tracking-tighter font-inter">
              A limpeza interna é prática com o cesto removível. Basta
              pressionar o botão e remover o cesto para uma limpeza sem esforço.
            </p>
          </div>
        </div>
      </section>

      <section
        class="relative grid m-auto mt-20 overflow-visible text-white lg:mt-80 lg:pb-10 bg-black-default lg:rounded-3xl lg:grid-cols-2"
      >
        <div class="w-[85%] m-auto mt-10 lg:mx-0 lg:ml-20 lg:mt-28">
          <h3 class="font-light font-poppin text-[1.25rem] lg:text-[2.5rem]">
            CIRCULAÇÃO DE AR
          </h3>
          <h1
            class="lg:text-[5.625rem] -mt-4 lg:-mt-8 text-[2.8rem] font-bold font-poppins"
          >
            EM 360°
          </h1>
          <p
            class="font-light lg:text-[1.25rem] w-[80%] md:w-[90%] tracking-tighter font-inter"
          >
            A circulação de ar quente em 360° proporciona mais agilidade e
            eficiência no preparo, eliminando o óleo em excesso, proporcionando
            pratos mais saudáveis.
          </p>
        </div>
        <img
          class="m-auto mt-10 mb-[-10%] lg:mb-0 w-[18rem] lg:w-[30rem] lg:-mt-40"
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_circulacao_360.png"
          alt="Circulação de ar 360 graus"
        />
      </section>

      <section class="grid m-auto -mt-5 md:mx-10 lg:grid-cols-2">
        <div class="flex flex-col pb-20 rounded-b-full lg:bg-red-default">
          <div
            class="flex flex-col gap-8 mt-5 ml-5 lg:m-auto md:justify-center"
          >
            <h1
              class="mt-20 text-2xl font-bold text-black md:mt-40 md:pl-5 lg:text-white font-poppins"
            >
              WAP AIR FRY <br />
              FAMILY PROSDÓCIMO 4.2 L
            </h1>
            <p
              class="lg:text-white mb-20 text-black font-inter md:pr-5 md:pl-5 font-light tracking-tighter w-[80%] md:w-[26rem]"
            >
              Preparar refeições deliciosas para toda a família, livres de
              gordura, sem fumaça e sem fritura agora ficou mais fácil. Conheça
              a ritadeira WAP Air Fryer Family, a parceira ideal na cozinha!
            </p>
          </div>
          <img
            class="m-auto w-[20rem] lg:mr-0 md:w-[30rem]"
            src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fritadeira_airfry.png"
            alt="Fritadeira Air Fry"
          />
        </div>

        <div
          class="flex flex-col gap-[2.5rem] items-start ml-5 md:ml-14 lg:mt-28 cards-section"
        >
          <div class="">
            <img class="w-[3rem]" src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_timer_icon.png" alt="" />
            <h1 class="mt-3 text-2xl font-bold md:text-2xl font-poppins">
              TIMER DE 60 MIN
            </h1>
            <p
              class="font-inter font-light w-[80%] md:w-[23rem] tracking-tighter mt-1"
            >
              Controle facilmente o tempo de preparo certo para cada uma de suas
              receitas.
            </p>
          </div>

          <div>
            <img
              class="w-[3rem]"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_temperature_icon.png"
              alt="WAP AIR FRY FAMILY PROSDÓCIMO"
            />
            <h1 class="mt-3 text-2xl font-bold md:text-2xl font-poppins">
              TEMPERATURA DE <br class="md:hidden" />
              80º C ATÉ 200º C
            </h1>
            <p
              class="font-inter w-[80%] md:w-[23rem] tracking-tighter font-light mt-3"
            >
              Permite a escolha da temperatura ideal para diferentes tipos de
              alimentos.
            </p>
          </div>

          <div>
            <img class="w-[3rem]" src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_power_icon.png" alt="" />
            <h1 class="mt-3 text-2xl font-bold md:text-2xl font-poppins">
              DESLIGAMENTO AUTOMÁTICO
            </h1>
            <p
              class="font-inter w-[80%] md:w-[23rem] tracking-tighter font-light mt-3"
            >
              Selecione o tempo necessário de preparo para as receitas e, ao fim
              do tempo no timer, a fritadeira desliga automaticamente, emitindo
              um aviso sonoro.
            </p>
          </div>

          <div>
            <img class="w-[3rem]" src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_alca_icon.png" alt="" />
            <h1 class="mt-3 text-2xl font-bold md:text-2xl font-poppins">
              ENGATE RÁPIDO
            </h1>
            <p
              class="font-inter w-[80%] md:w-[23rem] tracking-tighter font-light mt-3"
            >
              Prático, o cesto removível, além de facilitar a limpeza,
              simplifica o manuseio com suas aberturas laterais melhorando a
              circulação do ar.
            </p>
          </div>
        </div>
      </section>

      <section class="grid m-auto lg:grid-cols-2">
        <div
          class="flex flex-col items-center justify-center order-2 pt-20 pb-20 gap-y-20 lg:bg-white bg-black-default"
        >
          <div
            class="flex flex-col items-center justify-center text-center lg:items-start card"
          >
            <img
              class="hidden lg:block"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_chefe_icon.png"
              alt="Icone chefe"
            />
            <img
              class="w-12 h-12 lg:hidden"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_chefe_icon_branco.png"
              alt="Icone chefe"
            />
            <h1
              class="w-full mt-3 font-bold text-white uppercase md:text-start md:text-2xl lg:text-black-default font-poppins"
            >
              Desperte sua criatividade
            </h1>
            <p
              class="font-inter text-white md:w-[25rem] w-[20rem] font-light lg:text-black-black tracking-tighter lg:text-start mt-3"
            >
              Prepare carnes suculentas, pratos salgados cheios de sabor e até
              sobremesas doces com praticidade. Descubra um mundo de sabores,
              cozinhando como um chef profissional, para toda família.
            </p>
          </div>
          <div
            class="flex flex-col items-center justify-center text-center lg:items-start card"
          >
            <img
              class="hidden w-12 h-12"
              src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_grelhados_icon_branco.png"
              alt="Icone chefe"
            />
            <h1
              class="mt-3 md:w-[25rem] w-[20rem] font-bold text-center text-white uppercase md:text-2xl lg:text-black-default font-poppins"
            >
              Sua jornada para refeições saudáveis, saborosas e versáteis está
              prestes a começar!
            </h1>
          </div>
        </div>
        <div class="lg:order-2">
          <img
            class="hidden mx-5 mt-20 lg:block"
            src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_sorrindo.png"
            alt="Foto fogaça sorrindo"
          />
          <img
            class="px-5 mt-10 lg:hidden"
            src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_sorrindo_mobile.png"
            alt="Foto fogaça sorrindo"
          />
        </div>
      </section>

      <section
        class="relative flex items-center justify-center m-auto max-w-screen-2xl"
      >
        <img
          class="object-fill lg:hidden"
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_na_cozinha_mobile.png"
          alt=""
        />
        <img
          class="hidden object-fill mt-20 lg:block"
          src="https://lojawap.vteximg.com.br/arquivos/AIRFRY4L_fogaca_na_cozinha.png"
          alt=""
        />
      </section>
    </div>
  </main>
</html>

    `;
let iframe = document.getElementById("product-iframe-page");
iframe.setAttribute("srcdoc", htmlContent);
