Pendente Avant Primus Alba 1XE27, Suporte Preto, Vidro Fosco

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

   <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>
       .section-32__container {
           width: 100%;
           max-width: 1600px;
           margin: 0 auto;
           border-radius: 36px;
       }

       .section-32__groupimage-section {
           position: relative;
           width: 100%;
           margin: 0;
           contain: layout style;
           isolation: isolate;
       }

       .section-32__groupimage-section img {
           width: 100%;
           height: auto;
           display: block;
           min-width: 100%;
       }

       .section-32__grouptext-overlay {
           color: #fff;
           position: absolute;
           max-width: 50%;
           width: 90%;
           line-height: 2rem;
           text-align: center;
           font-family: sans-serif;
           z-index: 20;
       }

       .section-32__grouptext-overlay.left {
           top: 50%;
           left: 25%;
           transform: translate(-50%, -50%);
           max-width: 45%;
       }

       .section-32__grouptext-overlay h2 {
           font-size: 2vw;
           font-weight: bold;
           margin-bottom: 1.5px;
           line-height: 120%;
       }

       .section-32__grouptext-overlay p {
           font-size: 1.2vw;
           margin: 0;
           line-height: 120%;
       }

       .grouptext-overlay-Background {
           border-radius: 2.8vw;
           padding: 0.5rem;
           backdrop-filter: blur(0.5vw);
           -webkit-backdrop-filter: blur(0.5vw);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           border: 1px solid rgba(255, 255, 255, 0.3);
           max-width: 70%;
           z-index: 20;
       }

       @media (prefers-contrast: more) {
           .grouptext-overlay-Background {
               background: #000;
           }
       }

       @media (max-width: 960px) {
           .section-32__grouptext-overlay h2 {
               font-size: 2.1vw;
           }

           .section-32__grouptext-overlay p {
               font-size: 1.5vw;
           }
       }

       @media (max-width: 768px) {
           .section-32__grouptext-overlay h2 {
               font-size: 2.5vw;
           }

           .section-32__grouptext-overlay p {
               font-size: 2vw;
           }
       }

       @media (max-width: 500px) {
           .section-32__grouptext-overlay {
               max-width: 50%;
           }

           .section-32__grouptext-overlay h2 {
               font-size: 3vw;
           }

           .section-32__grouptext-overlay p {
               font-size: 2.3vw;
           }
       }

       @media (max-width: 470px) {
           .section-32__grouptext-overlay p {
               font-size: 2.4vw;
           }
       }

       @media (max-width: 375px) {
           .section-32__grouptext-overlay p {
               font-size: 2.8vw;
           }
       }
   </style>

   <!-- ----------------------------------------------------------------------------------------------------------------------------- -->
   <article class="pdp" id="pdp" aria-label="Conteúdo rico do produto">
       <!-- HTML fica dentro dessa diiiiiiiiiiv 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_giovannababy.webp" preload="none" autoplay="" muted="" loop="" playsinline="" aria-hidden="true">
                       <source src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/header-avant.webm">
                   </video>
               </div>
               <div class="section-2-2__badge" role="img" aria-label="Logo da marca">
                   <picture>
 <source media="(max-width: 320px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/avant-logo.webp?ims=90x">
 <source media="(max-width: 375px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/avant-logo.webp?ims=90x">
 <source media="(max-width: 425px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/avant-logo.webp?ims=90x">
 <source media="(max-width: 768px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/avant-logo.webp?ims=90x">
 <source media="(max-width: 1024px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/avant-logo.webp?ims=90x">
 <img class="section-2-2__badge-img" src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/avant-logo.webp" alt="Logo da marca" loading="lazy" decoding="async">
</picture>
               </div>
           </div>

           <div class="section-2-2__body">
               <small class="section-2-2__brand"> avant </small>
               <h2 class="section-2-2__title">
                   <strong>Pendente Primus Alba 1XE27</strong>
               </h2>
           </div>
       </section>

       <section class="section-32__container" aria-label="Destaque visual do produto">
           <figure class="section-32__groupimage-section">
               <picture>
 <source media="(max-width: 320px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-listrado-preto-e27-4203559-01.webp?ims=289x">
 <source media="(max-width: 375px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-listrado-preto-e27-4203559-01.webp?ims=344x">
 <source media="(max-width: 425px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-listrado-preto-e27-4203559-01.webp?ims=394x">
 <source media="(max-width: 768px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-listrado-preto-e27-4203559-01.webp?ims=737x">
 <source media="(max-width: 1024px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-listrado-preto-e27-4203559-01.webp?ims=992x">
 <img src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-listrado-preto-e27-4203559-01.webp" alt="Kit de fixação para telha Precon Tubozan com parafusos autobrocantes em embalagem" width="1600" height="865" style="border-radius: 30px 30px 0 0;" fetchpriority="low" loading="eager" decoding="async">
</picture>
               <figcaption class="section-32__grouptext-overlay left grouptext-overlay-Background" style="top: 50%; left: 25%; max-width: 40%;">
                   <h2><strong>DESIGN VERSÁTIL COM VIDRO FOSCO</strong></h2>
                   <p>
                       O pendente Primus Alba é feito em vidro fosco com listras, oferecendo um visual discreto e
                       moderno. Conta com canopla preta e cabo ajustável de até 1 metro, permitindo adaptação em
                       diferentes ambientes internos
                   </p>
               </figcaption>
           </figure>
       </section>
       <section class="section-32__container" aria-label="Destaque visual do produto">
           <figure class="section-32__groupimage-section">
               <picture>
 <source media="(max-width: 320px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-ambiente-sala-lifestyle-4203559-02.webp?ims=289x">
 <source media="(max-width: 375px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-ambiente-sala-lifestyle-4203559-02.webp?ims=344x">
 <source media="(max-width: 425px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-ambiente-sala-lifestyle-4203559-02.webp?ims=394x">
 <source media="(max-width: 768px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-ambiente-sala-lifestyle-4203559-02.webp?ims=737x">
 <source media="(max-width: 1024px)" srcset="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-ambiente-sala-lifestyle-4203559-02.webp?ims=992x">
 <img src="https://imgprd.martinsatacado.com.br/catalogoimg/catalogo/pendente-avant-primus-alba-vidro-fosco-ambiente-sala-lifestyle-4203559-02.webp" alt="Kit de fixação para telha Precon Tubozan com parafusos autobrocantes em embalagem" width="1600" height="865" style="border-radius: 0 0 30px 30px;" fetchpriority="low" loading="eager" decoding="async">
</picture>
               <figcaption class="section-32__grouptext-overlay left grouptext-overlay-Background" style="top: 40%; left: 73%; max-width: 40%;">
                   <h2><strong>FIXAÇÃO PRECON PARA TELHA</strong></h2>
                   <p>
                       O kit Precon Tubozan é de fixação para telha, com 10 parafusos metálicos autobrocantes e tampa
                       de acabamento.
                   </p>
               </figcaption>
           </figure>
       </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-label="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">

               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text">Onde usar o Pendente Primus Alba Avant?\</h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>

                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text">O modelo é indicado para bancadas de cozinha, mesas de jantar,
                               quartos, salas de estar e espaços gourmet. A iluminação difusa do vidro fosco listrado
                               cria uma atmosfera acolhedora, enquanto o design clean complementa a decoração desses
                               ambientes.\</p>
                       </div>
                   </details>
               </li>


               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text">Que tipo de iluminação o vidro fosco listrado proporciona?\
                           </h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>

                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text">O vidro fosco listrado proporciona iluminação difusa, criando um
                               efeito luminoso suave e acolhedor. Além de contribuir para a distribuição visual da luz,
                               seu acabamento acrescenta um elemento decorativo ao ambiente, especialmente em mesas de
                               jantar e espaços gourmet.\</p>
                       </div>
                   </details>
               </li>


               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text">É possível ajustar a altura do pendente?\</h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>

                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text">Sim. O Primus Alba possui cabo ajustável de 1 metro, permitindo
                               adaptar a altura da luminária à composição do ambiente. Esse recurso oferece
                               flexibilidade para posicionar o pendente sobre bancadas de cozinha, mesas de jantar e
                               outros locais indicados para sua utilização.\</p>
                       </div>
                   </details>
               </li>


               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text">Qual tipo de lâmpada é compatível com a luminária?\</h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>

                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text">O pendente utiliza uma lâmpada com base E27 e potência máxima de
                               60W. Essas especificações orientam a escolha da lâmpada adequada ao modelo, permitindo
                               combinar a iluminação desejada com o acabamento decorativo do vidro fosco listrado.\</p>
                       </div>
                   </details>
               </li>


               <li id="faq-section__item">
                   <details id="faq-section__details">
                       <summary id="faq-section__summary">
                           <h3 id="faq-section__q-text">O Pendente Primus Alba pode utilizar lâmpadas LED retrô?\</h3>
                           <span id="faq-section__icon" aria-hidden="true"></span>
                       </summary>

                       <div id="faq-section__a-inner">
                           <p id="faq-section__a-text">Sim. O modelo é compatível com lâmpadas LED retrô, recomendadas
                               para valorizar o acabamento do vidro fosco listrado. Essa combinação realça a proposta
                               decorativa da luminária e proporciona um efeito luminoso aconchegante para ambientes
                               residenciais.\</p>
                       </div>
                   </details>
               </li>
           </ul>
       </section>

   </article>
</div>