Limpador Perfumado Coala Concentrado The Queen 120ml

<div class="lp-container">
   <!-- ---------------------------------------- ÁREA PARA COLOCAR STYLES ----------------------------------------------------------- -->
   <link rel="stylesheet" href="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/style-faq-padrao-conteudo.css?v=1">
   <link rel="stylesheet" href="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/style-html-padrao.css?v=1">

   <style>
       .section-29 {
           box-sizing: border-box;
           width: 100%;
           overflow: hidden;
           background: #fffaf6;
           color: #2b1720;
           font-family: Arial, Helvetica, sans-serif;
       }

       .section-29__container {
           box-sizing: border-box;
           display: grid;
           width: 100%;
           align-items: start;
           gap: 32px;
           padding: 24px 16px 40px;
       }

       .section-29__figure {
           box-sizing: border-box;
           width: 100%;
           margin: 0;
           overflow: hidden;
           border-radius: 24px;
           background: #ffd8bf;
       }

       .section-29__image {
           box-sizing: border-box;
           display: block;
           width: 100%;
           height: 100%;
           object-fit: cover;
           object-position: center;
       }

       .section-29__content {
           box-sizing: border-box;
           display: flex;
           width: 100%;
           flex-direction: column;
           align-items: start;
           gap: 16px;
       }

       .section-29__title {
           box-sizing: border-box;
           margin: 0;
           overflow-wrap: anywhere;
           color: #24121a;
           text-align: center;
           font-size: clamp(1.75rem, 5vw, 3rem);
           font-weight: 800;
           line-height: 1.15;
       }

       .section-29__text {
           box-sizing: border-box;
           margin: 0;
           overflow-wrap: anywhere;
           color: #624c55;
           font-size: clamp(0.9375rem, 2.4vw, 1.0625rem);
           line-height: 1.75;
       }

       .section-29__list {
           box-sizing: border-box;
           display: grid;
           width: 100%;
           align-items: start;
           gap: 8px;
           margin: 0;
           padding: 0;
           list-style: none;
       }

       .section-29__item {
           box-sizing: border-box;
           display: grid;
           grid-template-columns: 24px minmax(0, 1fr);
           align-items: start;
           gap: 8px;
           overflow-wrap: anywhere;
           color: #463139;
           font-size: clamp(0.95rem, 2.2vw, 1.1rem);
           line-height: 1.6;
       }

       .section-29__item::before {
           box-sizing: border-box;
           display: grid;
           width: 24px;
           height: 24px;
           place-items: center;
           border: 1px solid #f0708b;
           border-radius: 50%;
           color: #df3157;
           content: "\2713";
           font-size: 0.75rem;
           line-height: 1;
       }

       @media (min-width: 576px) {
           .section-29__container {
               padding: 32px 32px 48px;
           }

           .section-29__content {
               gap: 24px;
           }
       }

       @media (min-width: 768px) {
           .section-29__container {
               grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);
               align-items: center;
               gap: 40px;
               padding: 40px;
           }

           .section-29__title {
               text-align: left;
           }

           .section-29--image-left .section-29__figure {
               grid-column: 1;
           }

           .section-29--image-left .section-29__content {
               grid-column: 2;
           }

           .section-29--image-right .section-29__figure {
               grid-column: 2;
               grid-row: 1;
           }

           .section-29--image-right .section-29__content {
               grid-column: 1;
               grid-row: 1;
           }
       }

       @media (min-width: 992px) {
           .section-29__container {
               gap: 56px;
               padding: 48px 56px;
           }

           .section-29__content {
               padding: 24px 0;
           }
       }

       @media (min-width: 1200px) {
           .section-29__container {
               gap: 64px;
               padding: 64px 72px;
           }
       }

       @media (min-width: 1400px) {
           .section-29__container {
               gap: 80px;
               padding: 80px 96px;
           }
       }

       .section-30 {
           box-sizing: border-box;
           position: relative;
           width: 100%;
           overflow: hidden;
           background: #fff1e8;
           color: #2b1720;
           font-family: Arial, Helvetica, sans-serif;
       }

       .section-30__container {
           box-sizing: border-box;
           position: relative;
           width: 100%;
       }

       .section-30__content {
           box-sizing: border-box;
           position: relative;
           z-index: 1;
           width: 100%;
           padding: 32px 16px 40px;
       }

       .section-30__title {
           box-sizing: border-box;
           margin: 0 0 32px;
           overflow-wrap: anywhere;
           color: #24121a;
           font-size: clamp(1.75rem, 5vw, 2.75rem);
           font-weight: 400;
           line-height: 1.2;
           text-align: center;
       }

       .section-30__control {
           box-sizing: border-box;
           position: absolute;
           width: 1px;
           height: 1px;
           overflow: hidden;
           opacity: 0;
           pointer-events: none;
       }

       .section-30__viewport {
           box-sizing: border-box;
           width: 100%;
           overflow: hidden;
       }

       .section-30__track {
           box-sizing: border-box;
           display: flex;
           align-items: start;
           margin: 0;
           padding: 0;
           list-style: none;
           transition: transform 0.35s ease;
       }

       .section-30__item {
           box-sizing: border-box;
           flex: 0 0 100%;
           min-width: 0;
           padding: 0 8px;
       }

       .section-30__card {
           box-sizing: border-box;
           display: flex;
           min-height: 100%;
           flex-direction: column;
           align-items: center;
           gap: 16px;
           margin: 0;
           padding: 32px 24px;
           border: 1px solid #f1deda;
           border-radius: 16px;
           background: #fffdfb;
           box-shadow: 0 8px 24px rgba(98, 52, 64, 0.08);
           text-align: center;
       }

       .section-30__icon {
           box-sizing: border-box;
           display: grid;
           width: 64px;
           height: 64px;
           flex: 0 0 64px;
           place-items: center;
           border: 1px solid #ffc3d0;
           border-radius: 50%;
           background: #ffe7ed;
           color: #df3157;
       }

       .section-30__card-title {
           box-sizing: border-box;
           margin: 0;
           overflow-wrap: anywhere;
           color: #2c1720;
           font-size: clamp(1.125rem, 3vw, 1.375rem);
           font-weight: 500;
           line-height: 1.3;
       }

       .section-30__card-text {
           box-sizing: border-box;
           margin: 0;
           overflow-wrap: anywhere;
           color: #674e57;
           font-size: clamp(0.875rem, 2.2vw, 1rem);
           line-height: 1.65;
       }

       .section-30__accent {
           box-sizing: border-box;
           width: 48px;
           height: 2px;
           margin: 8px auto 0;
           border-radius: 999px;
           background: #e74468;
       }

       #section-30-slide-1:checked~.section-30__viewport .section-30__track {
           transform: translateX(0);
       }

       #section-30-slide-2:checked~.section-30__viewport .section-30__track {
           transform: translateX(-100%);
       }

       #section-30-slide-3:checked~.section-30__viewport .section-30__track {
           transform: translateX(-200%);
       }

       .section-30__controls {
           box-sizing: border-box;
           display: flex;
           justify-content: center;
           gap: 8px;
           margin: 24px 0 0;
       }

       .section-30__button {
           box-sizing: border-box;
           display: grid;
           width: 40px;
           height: 40px;
           place-items: center;
           border: 1px solid #e9b8c3;
           border-radius: 50%;
           background: #ffffff;
           color: #7c2d43;
           cursor: pointer;
           font-size: clamp(0.75rem, 2vw, 0.875rem);
           font-weight: 700;
           line-height: 1;
           transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
       }

       .section-30__button:hover {
           transform: translateY(-2px);
       }

       #section-30-slide-1:checked~.section-30__controls .section-30__button--1,
       #section-30-slide-2:checked~.section-30__controls .section-30__button--2,
       #section-30-slide-3:checked~.section-30__controls .section-30__button--3 {
           border-color: #d93359;
           background: #d93359;
           color: #ffffff;
       }

       @media (min-width: 576px) {
           .section-30__content {
               padding: 40px 32px 48px;
           }

           .section-30__card {
               padding: 40px 32px;
           }
       }

       @media (min-width: 768px) {
           .section-30__content {
               padding: 48px 40px 56px;
           }

           .section-30__item {
               flex-basis: 50%;
           }

           #section-30-slide-1:checked~.section-30__viewport .section-30__track {
               transform: translateX(0);
           }

           #section-30-slide-2:checked~.section-30__viewport .section-30__track,
           #section-30-slide-3:checked~.section-30__viewport .section-30__track {
               transform: translateX(-50%);
           }
       }

       @media (min-width: 992px) {

           .section-30__content {
               width: 100%;
               min-height: 0;
               padding: 48px 40px;
           }

           .section-30__title {
               margin-bottom: 32px;
           }

           .section-30__track {
               display: grid;
               grid-template-columns: repeat(3, minmax(0, 1fr));
               gap: 16px;
           }

           .section-30__item {
               padding: 0;
           }

           .section-30__card {
               gap: 16px;
               padding: 24px 16px;
           }

           #section-30-slide-1:checked~.section-30__viewport .section-30__track,
           #section-30-slide-2:checked~.section-30__viewport .section-30__track,
           #section-30-slide-3:checked~.section-30__viewport .section-30__track {
               transform: none;
           }

           .section-30__controls {
               position: absolute;
               width: 1px;
               height: 1px;
               overflow: hidden;
               margin: 0;
               opacity: 0;
               pointer-events: none;
           }
       }

       @media (min-width: 1200px) {
           .section-30__content {
               width: 100%;
               min-height: 0;
               padding: 56px 48px;
           }

           .section-30__track {
               gap: 24px;
           }

           .section-30__card {
               padding: 32px 24px;
           }
       }

       @media (min-width: 1400px) {
           .section-30__content {
               min-height: 0;
               padding: 64px 72px;
           }

           .section-30__track {
               gap: 32px;
           }
       }
   </style>

   <style>
       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }

       .section-2-2 {
           --badge-size: 8rem;
           --banner-height: 250px;
           display: flex;
           flex-direction: column;
           align-items: center;
           width: 100%;
           position: relative;
           font-family: sans-serif;
           container-type: inline-size;
       }

       .section-2-2__banner {
           width: 100%;
           height: var(--banner-height);
           position: relative;
           display: flex;
           justify-content: center;
       }

       /* Container do vídeo ocupando todo o banner */
       .section-2-2__banner-container {
           width: 100%;
           height: 100%;
           margin: 0;
           position: relative;
       }

       .section-2-2__banner-video {
           width: 100%;
           height: 100%;
           object-fit: cover;
           display: block;
       }

       .section-2-2__badge {
           position: absolute;
           bottom: calc(var(--badge-size) / -2);
           width: var(--badge-size);
           height: var(--badge-size);
           background-color: #ff9900;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           overflow: hidden;
           z-index: 10;
       }

       .section-2-2__badge-img {
           max-width: 90px;
           max-height: 90px;
           object-fit: contain;
       }

       .section-2-2__body {
           display: flex;
           flex-direction: column;
           align-items: center;
           padding: calc(var(--badge-size) / 2 + 1.8rem) 0.3rem 1.1rem;
           text-align: center;
       }

       .section-2-2__brand {
           color: #ff9900;
           font-size: 0.7rem;
           font-weight: 700;
           letter-spacing: 0.18em;
           text-transform: uppercase;
           margin-bottom: 0.75rem;
       }

       .section-2-2__title {
           font-size: clamp(1.4rem, 4vw, 2.4rem);
           line-height: clamp(1.6rem, 4vw, 3.1rem);
           font-weight: 300;
           max-width: 50rem;
           text-wrap: pretty;
           color: #1a1a1a;
       }

       .section-2-2__title strong {
           font-weight: 700;
           display: block;
       }

       .section-2-2__subtitle {
           color: #8a8a8a;
           font-size: clamp(0.95rem, 2vw, 1.1rem);
           line-height: 1.65;
           margin-top: 1.25rem;
           max-width: 48rem;
           text-wrap: pretty;
       }

       @media (max-width: 768px) {
           .section-2-2 {
               --banner-height: 180px;
           }
       }

       @media (max-width: 470px) {
           .section-2-2__subtitle {
               font-size: clamp(0.9rem, 2vw, 1.1rem);
               max-width: 95%;
               margin: 1.25rem auto 0;
           }
       }
   </style>

   <style>
       /* ===== HERO SECTION — VARIÁVEIS ===== */
       .section-6 {
           --pos-y: 50%;
           --pos-x: 7%;
           --color-title: #ffe178;
           --bg-box: rgba(0, 0, 0, 0.33);

           width: 100%;
           position: relative;
           border-radius: 20px;
           overflow: hidden;
       }

       /* ===== IMAGEM ===== */
       .section-6__image {
           width: 100%;
           height: auto;
           display: block;
           border-radius: 20px;
       }

       /* ===== CONTEÚDO SOBREPOSTO ===== */
       .section-6__content {
           position: absolute;
           top: var(--pos-y);
           left: clamp(1%, var(--pos-x), 100%);
           transform: translateY(-50%);
           max-width: min(40%, 480px);
           z-index: 10;
           background-color: var(--bg-box);
           padding: clamp(12px, 2vw, 20px);
           border-radius: 15px;
           backdrop-filter: blur(4px);
       }

       .section-6__title {
           font-size: clamp(1.4rem, 3.5vw, 2.6rem);
           color: var(--color-title);
           margin: 0 0 10px;
           line-height: 1.2;
           text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
           font-weight: 800;
       }

       .section-6__description {
           font-size: clamp(0.95rem, 2vw, 1.4rem);
           color: #fff;
           margin: 0 0 24px;
           line-height: 1.5;
           text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
       }

       /* ===== MOBILE ===== */
       @media (max-width: 760px) {
           .section-6__ {
               border-radius: 0;
           }

           .section-6__content {
               position: static;
               transform: none;
               max-width: 100%;
               padding: 24px 20px 16px 20px;
               background: transparent;
               backdrop-filter: none;
               text-align: center;
           }

           .section-6__title {
               font-size: 1.8rem;
               color: #333;
               text-shadow: none;
           }

           .section-6__description {
               margin-bottom: 0;
               font-size: 1.1rem;
               color: #555;
               text-shadow: none;
           }

           .section-6__image {
               width: 95%;
               margin: auto;
               height: auto;
               display: block;
               border-radius: 20px;
           }
       }

       @media (max-width: 480px) {
           .section-6__title {
               font-size: 1.5rem;
           }

           .section-6__description {
               font-size: 1rem;
           }
       }
   </style>

   <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
   <article class="pdp" id="pdp" aria-label="Conteúdo rico do produto"> <!-- HTML fica dentro dessa div PDP -->

       <section class="section-2-2" aria-label="Cabeçalho do conteúdo">
           <div class="section-2-2__banner">
               <div class="section-2-2__banner-container">
                   <video class="section-2-2__banner-video" poster="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/header-coala.webp" preload="none" autoplay="" muted="" loop="" playsinline="" aria-hidden="true">
                       <source src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/header-coala.webm">
                   </video>
               </div>
               <div class="section-2-2__badge" role="img" aria-label="Logo da marca Coala">
                   <picture>
 <source media="(max-width: 320px)" srcset="https://static1.efacil.com.br/wcsstore//AuroraStorefrontAssetStore/PDP/coala/logo-coala.png?ims=90x">
 <source media="(max-width: 375px)" srcset="https://static1.efacil.com.br/wcsstore//AuroraStorefrontAssetStore/PDP/coala/logo-coala.png?ims=90x">
 <source media="(max-width: 425px)" srcset="https://static1.efacil.com.br/wcsstore//AuroraStorefrontAssetStore/PDP/coala/logo-coala.png?ims=90x">
 <source media="(max-width: 768px)" srcset="https://static1.efacil.com.br/wcsstore//AuroraStorefrontAssetStore/PDP/coala/logo-coala.png?ims=90x">
 <source media="(max-width: 1024px)" srcset="https://static1.efacil.com.br/wcsstore//AuroraStorefrontAssetStore/PDP/coala/logo-coala.png?ims=90x">
 <img class="section-2-2__badge-img" src="https://static1.efacil.com.br/wcsstore//AuroraStorefrontAssetStore/PDP/coala/logo-coala.png" alt="Logo da marca Coala" loading="lazy" decoding="async">
</picture>
               </div>
           </div>

           <div class="section-2-2__body">
               <small class="section-2-2__brand"> Coala </small>
               <h2 class="section-2-2__title">
                   Limpador Perfumado Concentrado <strong>The Queen 120 ml</strong>
               </h2>
               <p class="section-2-2__subtitle">
                   Fórmula concentrada com alto rendimento, perfume duradouro e fragrância sofisticada, frutada e
                   floral.
               </p>
           </div>
       </section>

       <section class="section-6">
           <picture>
 <source media="(max-width: 320px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-mesa-1704653-01-2.webp?ims=274x">
 <source media="(max-width: 375px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-mesa-1704653-01-2.webp?ims=326x">
 <source media="(max-width: 425px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-mesa-1704653-01-2.webp?ims=374x">
 <source media="(max-width: 760px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-mesa-1704653-01-2.webp?ims=692x"> <!-- troca de imagem -->
 <source media="(max-width: 768px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-sala-1704653-01-1.webp?ims=736x">
 <source media="(max-width: 1024px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-sala-1704653-01-1.webp?ims=992x">
 <img class="section-6__image" src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-ambiente-sala-1704653-01-1.webp" alt="Limpador Perfumado Coala Concentrado The Queen 120 ml" width="1600" height="650" fetchpriority="low" loading="lazy" decoding="async">
</picture>
           <div class="section-6__content">
               <h2 class="section-6__title">Uma fragrância elegante e envolvente</h2>
               <p class="section-6__description">Pera, melão e limão se combinam a cardamomo, frésia, rosa,
                   patchouli e âmbar.
               </p>
           </div>
       </section>

       <section class="section-29 section-29--image-left" aria-labelledby="section-29-title">
           <div class="section-29__container">
               <figure class="section-29__figure">
                   <picture>
 <source media="(max-width: 320px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-piso-brilhante-1704653-02.webp?ims=256x">
 <source media="(max-width: 375px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-piso-brilhante-1704653-02.webp?ims=311x">
 <source media="(max-width: 425px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-piso-brilhante-1704653-02.webp?ims=361x">
 <source media="(max-width: 768px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-piso-brilhante-1704653-02.webp?ims=672x">
 <source media="(max-width: 1024px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-piso-brilhante-1704653-02.webp?ims=462x">
 <img class="section-29__image" src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/limpador-perfumado-coala-concentrado-the-queen-120ml-piso-brilhante-1704653-02.webp" alt="Limpador Perfumado Coala Concentrado The Queen 120 ml" width="1448" height="1086" loading="eager" decoding="async">
</picture>
               </figure>
               <div class="section-29__content">
                   <h2 class="section-29__title" id="section-29-title">8 gotas rendem 1 litro</h2>
                   <ul class="section-29__list">
                       <li class="section-29__item">Dilua 8 gotas em 1 litro de água</li>
                       <li class="section-29__item">Aplique com pano úmido sobre a superfície desejada</li>
                       <li class="section-29__item">Teste antes em uma pequena área para evitar possíveis manchas</li>
                   </ul>
               </div>
           </div>
       </section>

       <p style="color: #8a8a8a; font-size: clamp(1rem, 2vw, 1.2rem); text-wrap: pretty;
           text-align: center; padding: 30px 0;">
           IMAGENS MERAMENTE ILUSTRATIVAS
       </p>

       <!-- Área de FAQ -->

       <section id="faq-section" aria-labelledby="faq-section__title">
           <div id="faq-section__header">
               <h2 id="faq-section__title">Dúvidas Frequentes</h2>
           </div>
           <ul id="faq-section__list" role="list"> <!-- Cole aqui as perguntas e respostas -->
               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text"> Para que serve o Limpador Perfumado Coala Concentrado The
                               Queen 120ml? </h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>
                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text"> É usado para limpar e perfumar ambientes, deixando uma
                               fragrância sofisticada, frutada e floral após a aplicação. </p>
                       </div>
                   </details>
               </li>
               <!-------------------------->

               <!-- Cole aqui as perguntas e respostas -->
               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text"> Como usar o Limpador Perfumado Coala The Queen
                               corretamente? </h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>
                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text"> Dilua 8 gotas em 1 litro de água e aplique com um pano úmido
                               sobre a superfície desejada. Teste antes em uma pequena área. </p>
                       </div>
                   </details>
               </li>
               <!-------------------------->

               <!-- Cole aqui as perguntas e respostas -->
               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text"> Quanto rende o Limpador Perfumado Coala The Queen? </h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>
                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text"> A diluição indicada é de 8 gotas para 1 litro de água. </p>
                       </div>
                   </details>
               </li>
               <!-------------------------->

               <!-- Cole aqui as perguntas e respostas -->
               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text"> Quais são as notas olfativas da fragrância The Queen?
                           </h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>
                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text"> Traz pera, melão e limão no topo; cardamomo, frésia e rosa no
                               corpo; e notas almiscaradas, patchouli e âmbar no fundo. </p>
                       </div>
                   </details>
               </li>
               <!-------------------------->

               <!-- Cole aqui as perguntas e respostas -->
               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text"> Quais cuidados devem ser tomados com o Limpador Perfumado
                               Coala The Queen? </h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>
                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text"> Mantenha fora do alcance de crianças e animais domésticos,
                               evite
                               inalação e contato com olhos e pele e conserve a embalagem bem fechada, longe do sol e
                               do calor. </p>
                       </div>
                   </details>
               </li>
               <!-------------------------->
           </ul>
       </section>

   </article>
</div>