/* geral */

main h1, h2, main h3{
    margin-top: 5rem;
    font-family: 'Aquawax', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

main h2, main h3{
    text-transform: initial;
}

ul{
    list-style-type: circle;
}

/* APRESENTAÇÃO PRODUTO */
.textoApresentacaoProduto{
    width: 750px;
    margin-right: -350px;
}

.textoApresentacaoProduto h2{
    font-size: 30px;
    color: #fff;
    font-weight: 100;
    text-align: start;
    padding: 2rem 2rem 1rem 2rem;
    max-width: 475px;
}

#gondolas .bgH2Produto, #gondolasFarmacia .bgH2Produto, #expositorPisos .bgH2Produto, #acessoriosGondolas .bgH2Produto, #mpp .bgH2Produto, #balcoesAtendimento .bgH2Produto,
#moveisAco .bgH2Produto, #checkOut .bgH2Produto, #estantes .bgH2Produto, #rack .bgH2Produto{
  height: 200px;
}

.bgH2Produto{
    background-color: #023D83;
    border-radius: 25px 0 0 25px;
    height: 175px;
    margin-top: 150px;
}


.textoApresentacaoProduto h3{
    font-size: 24px;
    font-weight: 100;
    text-align: start;
    background: url("../produtos/img/linhaVertical.png") no-repeat left center;
    background-size: 3px auto;
    padding-left: 18px; /* afasta levemente o texto da linha vertical */
    max-width: 475px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.botaoOrcamento{
    background-color: #DF553D;
    border-radius: 25px;
    display: inline;
    padding: 15px 60px;
}

.botaoOrcamento a{
    color: #fff;
    letter-spacing: 2px;
    font-size: 20px;
}
/* IMAGENS */

.apresentacaoProduto{
    position: relative;
    flex-direction: row-reverse;
    gap: 300px;
}
.gc1{
    position: absolute;
    left: -50px;
    bottom: 200px;
}
.gc2{
    position: absolute;
    right: 650px;
    bottom: 350px;
}
.gc3{
    position: absolute;
    left: 50px;
    bottom: -150px;
}

img.primaryImage{
    margin-top: 100px;
    margin-left: 100px;
}

/* DIFERENCIAIS */
.diferenciais{
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    margin-bottom: 150px;
}

.boxDiferenciais{
    width: 250px;
    height: 200px;
    background-color: #023D83;
    gap: 15px;
    border-radius: 25px;
}

.boxDiferenciais img{
    padding-top: 40px;
}

.boxDiferenciais h4{
    color: #fff;
    max-width: 225px;
    font-size: 20px;
}

/* SECTION ESPECIFICAÇÕES TECNICAS */

#especificacoesTecnicas{
    padding-bottom: 5rem;
}
.especificacoes{
    gap: 100px;
    margin-top: 50px;
}
.textoEspecificacoes{
    padding-top: 50px;
    max-width: 500px;
}

.textoEspecificacoes h3{
    margin-left: -80px;
}

.textoEspecificacoes ul li{
    font-size: 20px;
    padding: 10px;
    /* max-width: 75%; */
}

.imgEspecificacoes img{
    min-height: 400px;
}

#especificacoesTecnicas .botaoOrcamento, #pqGB .botaoOrcamento{
    margin-left: 40%;
}

/* Carrossel - Produtos semelhantes */
.carrosselProdutosSemelhantes{
    width: 100%;
    margin-top: 60px;
}

.carrosselProdutosSemelhantes .gb-carousel-container{
    width: 90%;
    max-width: 1100px;
    margin: 0 auto 80px;
}

.carrosselProdutosSemelhantes .gb-carousel-item{
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-align: center;
}

.carrosselProdutosSemelhantes .gb-carousel-item:focus-visible{
    outline: 3px solid #DF553D;
    outline-offset: 6px;
    border-radius: 14px;
}

.carrosselProdutosSemelhantes .gb-carousel-item figure{
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.carrosselProdutosSemelhantes .gb-carousel-item img{
    width: 100px;
    /* height: 300px; */
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
}

.carrosselProdutosSemelhantes .gb-carousel-item figcaption{
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #0B2B51;
    line-height: 1.2;
}

.carrosselProdutosSemelhantes .gb-carousel-item.is-active img{
    outline: 3px solid #DF553D;
    outline-offset: 4px;
}

/* Evita degradê (do carrossel de fotos) cobrindo a legenda */
.carrosselProdutosSemelhantes .gb-carousel-item.left::after,
.carrosselProdutosSemelhantes .gb-carousel-item.right::after{
    content: none;
}

.carrosselProdutosSemelhantes .gb-control-btn{
    background: rgba(223, 85, 61, 0.10);
    border-color: rgba(223, 85, 61, 0.25);
}

.carrosselProdutosSemelhantes .gb-control-btn:hover{
    background: rgba(223, 85, 61, 0.16);
}

.banner{
    padding: 20px 0;
    background-color: #75AAD9;
    gap: 150px;
    color: #fff;
}

.banner img{
    margin-right: 10px;
}


/* SECTION PQGB */
#pqGB{
    background-image: url(../produtos/img/fundoPQGB.png);
    background-color: #023D83;
    color: #fff;
    padding-bottom: 8rem;
}

#pqGB h2{
    color: #fff;
    padding: 75px 0 150px 0;
}

.conteudoPQGB{
    gap: 60px;
    margin-left: -20px;
    flex-direction: row-reverse;
}

.boxPQGB{
    max-width: 300px;
    /* height: 300px; */
    border: 2px solid #FF8B26;
    border-radius: 25px;
    box-shadow: 0px 0px 75px 15px #FF8B26;
    font-size: 20px;
    padding: 20px;
}

.boxPQGB ul li{
    margin: 15px;
}

.imgSelo span{
    margin-top: -100px;
    padding-bottom: 150px;
}

@media (max-width: 768px){
    .carrosselProdutosSemelhantes .gb-carousel-inner{
        gap: 0.75rem;
    }

    .carrosselProdutosSemelhantes .gb-carousel-item{
        flex: 0 0 30%;
    }
}


/* ===========================
   RESPONSIVO — PÁGINAS DE PRODUTO
   (Cole no final do produtos.css)
   Mantém classes padrão para replicar em outros produtos
   =========================== */

:root{
  --gb-azul-escuro: #0B2B51;
  --gb-azul: #023D83;
  --gb-laranja: #DF553D;
}

/* Ajustes de segurança (não muda layout desktop) */
main[id]{
  overflow-x: clip;
}

img{
  max-width: 100%;
  height: auto;
}

/* Evita o h1 "jogar" o layout em telas menores */
main[id] h1{
  padding-inline: 16px;
}

/* ======== BASE (sem quebrar desktop) ======== */
/* Permite quebrar em telas menores */
.apresentacaoProduto,
.diferenciais,
.especificacoes,
.banner,
.conteudoPQGB{
  flex-wrap: wrap;
}

/* Botões não estourarem */
.botaoOrcamento{
  max-width: 100%;
}

/* CTA centralizado em telas menores sem mudar desktop */
#especificacoesTecnicas .botaoOrcamento,
#pqGB .botaoOrcamento{
  margin-left: auto;
  margin-right: auto;
  display: table;
}

/* O texto não deve ficar preso em largura fixa no mobile */
.textoApresentacaoProduto{
  max-width: 100%;
}

/* Imagem principal não deve obrigar deslocamento lateral */
img.primaryImage{
  max-width: 520px; /* desktop mantém, mobile vai reduzir via media */
}


/* ===========================
   0) até 319.9px
   =========================== */
@media (max-width: 319.98px){

  main h1, h2, main h3{
    margin-top: 3rem;
  }

  /* APRESENTAÇÃO */
  .apresentacaoProduto{
    flex-direction: column;
    gap: 22px;
    padding: 0 12px;
  }

  .textoApresentacaoProduto{
    width: 100%;
    margin-right: 0;
  }

  .bgH2Produto{
    height: auto;
    margin-top: 18px;
    border-radius: 18px;
    padding: 10px 0;
  }

  .textoApresentacaoProduto h2{
    font-size: 18px;
    max-width: 100%;
    padding: 1.1rem 1.1rem .8rem 1.1rem;
  }

  .textoApresentacaoProduto h3{
    font-size: 16px;
    max-width: 100%;
    margin-top: 16px;
    margin-bottom: 26px;
  }

  .botaoOrcamento{
    padding: 12px 22px;
    display: inline-block;
  }

  .botaoOrcamento a{
    font-size: 16px;
    letter-spacing: 1px;
  }

  /* IMAGENS */
  img.primaryImage{
    margin-top: 12px;
    margin-left: 0;
    max-width: 88vw;
  }

  /* moedas somem no mobile pra não bagunçar (mantém design geral) */
  .gc1, .gc2, .gc3{
    display: none;
  }

  /* DIFERENCIAIS */
  .diferenciais{
    margin-top: 48px;
    margin-bottom: 60px;
    gap: 14px;
    padding: 0 12px;
  }

  .boxDiferenciais{
    width: 92vw;
    max-width: 320px;
    height: auto;
    padding-bottom: 18px;
  }

  .boxDiferenciais h4{
    font-size: 16px;
  }

  /* ESPECIFICAÇÕES */
  .especificacoes{
    gap: 22px;
    padding: 0 12px;
  }

  .textoEspecificacoes{
    padding-top: 8px;
    max-width: 100%;
  }

  .textoEspecificacoes h3{
    margin-left: 0;
    text-align: center;
  }

  .textoEspecificacoes ul li{
    font-size: 16px;
    padding: 8px;
  }

  .imgEspecificacoes img{
    min-height: 0;
  }

  /* CARROSSEL SEMELHANTES */
  .carrosselProdutosSemelhantes .gb-carousel-container{
    width: 96%;
  }

  .carrosselProdutosSemelhantes .gb-carousel-item img{
    width: 82px;
  }

  .carrosselProdutosSemelhantes .gb-carousel-item figcaption{
    font-size: 14px;
  }

  /* BANNER */
  .banner{
    gap: 10px;
    flex-direction: column;
    padding: 16px 12px;
    text-align: center;
  }

  /* PQGB */
  #pqGB{
    padding-bottom: 4rem;
    background-size: cover;
  }

  #pqGB h2{
    padding: 40px 12px 60px;
  }

  .conteudoPQGB{
    margin-left: 0;
    flex-direction: column;
    gap: 18px;
    padding: 0 12px;
  }

  .boxPQGB{
    max-width: 100%;
    font-size: 16px;
  }

  .imgSelo span{
    margin-top: 0;
    padding-bottom: 30px;
    text-align: center;
  }
}


/* ===========================
   1) 320px - 359.9px
   =========================== */
@media (min-width: 320px) and (max-width: 359.98px){

  /* AJUSTE FINO */
  .imgEspecificacoes img{
      min-height: 200px;
  }

  .textoApresentacaoProduto h2{
    font-size: 19px;
    max-width: 100%;
    padding: 1.2rem 1.2rem .9rem 1.2rem;
    margin-top: 1rem;
  }

  .botaoOrcamento{
    display: inline;
    padding: 15px;
  }

  .botaoOrcamento a{
    letter-spacing: 2px;
    font-size: 16px;
  }

  .conteudoPQGB{
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 0 14px;
  }

  #pqGB .botaoOrcamento{
    margin-top: 60px;
  }

  .boxPQGB{
    margin-top: -50px;
  }

  .imgSelo{
    margin-top: -50px;
    gap: 50px;
  }

  /* FIM AJUSTE FINO */

  .apresentacaoProduto{
    flex-direction: column;
    gap: 24px;
    padding: 0 14px;
  }

  .textoApresentacaoProduto{
    width: 100%;
    margin-right: 0;
  }

  .bgH2Produto{
    height: auto;
    margin-top: 22px;
    border-radius: 18px;
    padding: 10px 0;
  }

  .textoApresentacaoProduto h3{
    font-size: 17px;
    max-width: 100%;
    margin-top: 18px;
    margin-bottom: 28px;
  }

  img.primaryImage{
    margin-top: 14px;
    margin-left: 0;
    max-width: 86vw;
  }

  .gc1, .gc2, .gc3{ display: none; }

  .diferenciais{
    margin-top: 56px;
    margin-bottom: 70px;
    gap: 14px;
    padding: 0 14px;
  }

  .boxDiferenciais{
    width: 92vw;
    max-width: 340px;
    height: auto;
    padding-bottom: 30px;
  }

  .especificacoes{
    gap: 24px;
    padding: 0 14px;
  }

  .textoEspecificacoes h3{
    margin-left: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  .textoEspecificacoes{
    padding-top: 50px;
    max-width: 500px;
}

.textoEspecificacoes ul li{
    font-size: 16px;
    padding: 10px;
    /* max-width: 75%; */
}


  .banner{
    gap: 12px;
    flex-direction: column;
    padding: 18px 14px;
    text-align: center;
  }
}


/* ===========================
   2) 360px - 399.9px
   =========================== */
@media (min-width: 360px) and (max-width: 399.98px){

  /* AJUSTE FINO */
  .imgEspecificacoes img{
      min-height: 200px;
  }

  .textoApresentacaoProduto h2{
    font-size: 19px;
    max-width: 100%;
    padding: 1.2rem 1.2rem .9rem 1.2rem;
    margin-top: 1rem;
  }

  .botaoOrcamento{
    display: inline;
    padding: 15px;
  }

  .botaoOrcamento a{
    letter-spacing: 2px;
    font-size: 16px;
  }


  #especificacoesTecnicas h2{
    font-size: 28px;
  }

  .conteudoPQGB{
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 0 14px;
    justify-content: center;
    align-items: center;
  }

  #pqGB h2{
    max-width: 375px;
    margin-left: 2%;
  }

  #pqGB .botaoOrcamento{
    margin-top: 60px;
  }

  .boxPQGB{
    margin-top: -50px;
  }

  .imgSelo{
    margin-top: -50px;
    gap: 50px;
  }

  /* FIM AJUSTE FINO */

  .apresentacaoProduto{
    flex-direction: column;
    gap: 26px;
    padding: 0 16px;
  }

  .textoApresentacaoProduto{
    width: 100%;
    margin-right: 0;
  }

  .bgH2Produto{
    height: auto;
    margin-top: 26px;
    border-radius: 20px;
    padding: 10px 0;
  }

  .textoApresentacaoProduto h3{
    font-size: 18px;
    max-width: 100%;
  }

  img.primaryImage{
    margin-top: 16px;
    margin-left: 0;
    max-width: 84vw;
  }

  .gc1, .gc2, .gc3{ display: none; }

  .diferenciais{
    margin-top: 62px;
    margin-bottom: 80px;
    gap: 16px;
    padding: 0 16px;
  }

  .boxDiferenciais{
    width: 92vw;
    max-width: 360px;
    height: auto;
    padding-bottom: 30px;
  }

  .especificacoes{
    gap: 28px;
    padding: 0 16px;
  }

  .textoEspecificacoes h3{
    margin-left: 0;
    text-align: center;
  }

  .banner{
    gap: 14px;
    flex-direction: column;
    padding: 18px 16px;
    text-align: center;
  }
}


/* ===========================
   3) 400px - 499.9px
   =========================== */
@media (min-width: 400px) and (max-width: 499.98px){

  /* AJUSTE FINO */
  img.primaryImage{
    margin-top: 18px;
    margin-left: 8%;
    max-width: 78vw;
  }

  .imgEspecificacoes img{
      min-height: 200px;
  }

  .textoApresentacaoProduto h2{
    font-size: 19px;
    max-width: 100%;
    padding: 1.2rem 1.2rem .9rem 1.2rem;
    margin-top: 1rem;
  }

  .botaoOrcamento{
    display: inline;
    padding: 15px;
  }

  .botaoOrcamento a{
    letter-spacing: 2px;
    font-size: 16px;
  }


  #especificacoesTecnicas h2{
    font-size: 28px;
  }

  .textoEspecificacoes ul li{
    font-size: 16px;
  }

  .conteudoPQGB{
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 0 14px;
    justify-content: center;
    align-items: center;
  }

  #pqGB h2{
    max-width: 350px;
    margin-left: 7vw;
    font-size: 30px;
  }

  #pqGB .botaoOrcamento{
    margin-top: 60px;
  }

  .boxPQGB{
    margin-top: -50px;
  }

  .imgSelo{
    margin-top: -50px;
    gap: 50px;
  }

  /* FIM AJUSTE FINO */

  .apresentacaoProduto{
    flex-direction: column;
    gap: 28px;
    padding: 0 18px;
  }

  .textoApresentacaoProduto{
    width: 100%;
    margin-right: 0;
  }

  .bgH2Produto{
    height: auto;
    margin-top: 30px;
    border-radius: 22px;
    padding: 10px 0;
  }

  .textoApresentacaoProduto h3{
    font-size: 19px;
    max-width: 100%;
  }

  .gc1, .gc2, .gc3{ display: none; }

  .diferenciais{
    margin-top: 70px;
    margin-bottom: 90px;
    gap: 18px;
    padding: 0 18px;
  }

  .boxDiferenciais{
    width: 46%;
    min-width: 180px;
    height: auto;
    padding-bottom: 18px;
  }

  .especificacoes{
    gap: 32px;
    padding: 0 18px;
  }

  .textoEspecificacoes h3{
    margin-left: 0;
    text-align: center;
  }

  .banner{
    gap: 14px;
    flex-direction: column;
    padding: 20px 18px;
    text-align: center;
  }
}

@media (min-width: 420px) and (max-width: 439.98px){
  #pqGB h2{
    margin-left: 9vw;
  }
}
@media (min-width: 440px) and (max-width: 469.98px){
  #pqGB h2{
    margin-left: 11vw;
  }
}
@media (min-width: 470px) and (max-width: 483.98px){
  #pqGB h2{
    margin-left: 13vw;
  }
}
@media (min-width: 484px) and (max-width: 499.98px){
  #pqGB h2{
    margin-left: 15vw;
  }
}


/* ===========================
   4) 500px - 599.9px
   =========================== */
@media (min-width: 500px) and (max-width: 599.98px){

  /* AJUSTE FINO */
  img.primaryImage{
    margin-top: 18px;
    margin-left: 8%;
    max-width: 78vw;
  }

  .imgEspecificacoes img{
      min-height: 200px;
  }

  .textoApresentacaoProduto h2{
    font-size: 19px;
    max-width: 100%;
    padding: 1.2rem 1.2rem .9rem 1.2rem;
    margin-top: 1rem;
  }

  .botaoOrcamento{
    display: inline;
    padding: 15px;
  }

  .botaoOrcamento a{
    letter-spacing: 2px;
    font-size: 16px;
  }


  .textoEspecificacoes ul li{
    font-size: 16px;
  }

  .conteudoPQGB{
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 0 14px;
    justify-content: center;
    align-items: center;
  }

  #pqGB .botaoOrcamento{
    margin-top: 60px;
  }

  .boxPQGB{
    margin-top: -50px;
  }

  .imgSelo{
    margin-top: -50px;
    gap: 50px;
  }

  /* FIM AJUSTE FINO */

  .apresentacaoProduto{
    flex-direction: column;
    gap: 34px;
    padding: 0 20px;
  }

  .textoApresentacaoProduto{
    width: 100%;
    margin-right: 0;
  }

  .bgH2Produto{
    height: auto;
    margin-top: 36px;
    padding: 12px 0;
  }

  .textoApresentacaoProduto h2{
    font-size: 24px;
    max-width: 100%;
  }

  .textoApresentacaoProduto h3{
    font-size: 20px;
    max-width: 100%;
  }

  img.primaryImage{
    margin-top: 20px;
    margin-left: 50px;
    max-width: 72vw;
  }

  /* moedas voltam, mas reposicionadas e menores */
  .gc1, .gc2, .gc3{
    width: 70px;
    height: auto;
  }
  .gc1{ left: 0px; bottom: 160px; }
  .gc2{ right: 40px; bottom: 280px; }
  .gc3{ left: 30px; bottom: -90px; }

  .diferenciais{
    margin-top: 90px;
    margin-bottom: 110px;
    gap: 20px;
    padding: 0 20px;
  }

  .boxDiferenciais{
    width: 46%;
    min-width: 220px;
    height: 200px;
    padding-bottom: 18px;
  }

  .especificacoes{
    gap: 40px;
    padding: 0 20px;
  }

  .textoEspecificacoes h3{
    margin-left: 0;
    text-align: center;
  }

  .banner{
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 20px;
  }

  .conteudoPQGB{
    margin-left: 0;
    /* flex-direction: column; */
    gap: 28px;
    padding: 0 20px;
    align-items: center;
  }
}


/* ===========================
   5) 600px - 999.9px
   =========================== */
@media (min-width: 600px) and (max-width: 999.98px){


  /* AJUSTE FINO */
  img.primaryImage{
    margin-top: 18px;
    margin-left: -25%;
    max-width: 78vw;
  }

  .imgEspecificacoes img{
      min-height: 200px;
  }

  .textoApresentacaoProduto h2{
    font-size: 19px;
    max-width: 100%;
    padding: 1.2rem 1.2rem .9rem 1.2rem;
    margin-top: 1rem;
  }

  .botaoOrcamento{
    display: inline;
    padding: 15px;
  }

  .botaoOrcamento a{
    letter-spacing: 2px;
    font-size: 16px;
  }


  .textoEspecificacoes ul li{
    font-size: 16px;
  }

  .conteudoPQGB{
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 0 14px;
    justify-content: center;
    align-items: center;
  }

  #pqGB .botaoOrcamento{
    margin-top: 60px;
  }

  .boxPQGB{
    margin-top: -50px;
  }

  .imgSelo{
    margin-top: -50px;
    gap: 50px;
  }

  .imgSelo img{
    max-height: 450px;
  }

  /* FIM AJUSTE FINO */

  .apresentacaoProduto{
    flex-direction: column;
    gap: 40px;
    padding: 0 0 0 200px;
  }

  .textoApresentacaoProduto{
    width: 100%;
    margin-right: 0;
  }

  .bgH2Produto{
    margin-top: 44px;
    height: auto;
    padding: 10px 0;
  }

  .textoApresentacaoProduto h2{
    font-size: 26px;
    max-width: 500px;
  }


  .gc1, .gc2, .gc3{
    width: 80px;
    height: auto;
  }
  .gc1{ left: 0px; bottom: 180px; }
  .gc2{ right: 60px; bottom: 300px; }
  .gc3{ left: 40px; bottom: -110px; }

  .diferenciais{
    margin-top: 120px;
    margin-bottom: 120px;
    gap: 22px;
    padding: 0 24px;
  }

  .boxDiferenciais{
    width: 46%;
    min-width: 260px;
    height: auto;
    padding-bottom: 18px;
  }

  .especificacoes{
    gap: 50px;
    padding: 0 24px;
  }

  .textoEspecificacoes h3{
    margin-left: 0;
    text-align: left;
  }

  .imgEspecificacoes img{
    min-height: 0;
    max-width: 420px;
  }

  .banner{
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 24px;
  }
}

@media (min-width: 680px) and (max-width: 720.99px){
  img.primaryImage{
    margin-top: 18px;
    margin-left: -15%;
    max-width: 78vw;
  }
}
@media (min-width: 720px) and (max-width: 799.99px){
  img.primaryImage{
    margin-top: 18px;
    margin-left: -10%;
    max-width: 78vw;
  }
}
@media (min-width: 800px) and (max-width: 859.99px){
  img.primaryImage{
    margin-top: 18px;
    margin-left: -3%;
    max-width: 78vw;
  }
}
@media (min-width: 860px) and (max-width: 899.99px){
  img.primaryImage{
    margin-top: 18px;
    margin-left: 0%;
    max-width: 78vw;
  }
}
@media (min-width: 900px) and (max-width: 999.99px){
  img.primaryImage{
    margin-top: 18px;
    margin-left: 8%;
    max-width: 78vw;
  }
}

/* ===========================
   6) 1000px - 1099.9px
   =========================== */
@media (min-width: 1000px) and (max-width: 1099.98px){

  /* Mantém desktop muito parecido, só reduz exageros */
  .apresentacaoProduto{
    gap: 140px;
  }

  .textoApresentacaoProduto{
    width: 620px;
    margin-right: -150px;
  }

  img.primaryImage{
    max-width: 520px;
    margin-right: -50px;
  }

  .gc2{
    right: 420px;
  }

  #especificacoesTecnicas .botaoOrcamento,
  #pqGB .botaoOrcamento{
    margin-left: auto;
    margin-right: auto;
  }
}


/* ===========================
   7) 1100px - 1399.9px
   =========================== */
@media (min-width: 1100px) and (max-width: 1399.98px){

  .apresentacaoProduto{
    gap: 200px;
  }

  .textoApresentacaoProduto{
    width: 700px;
    margin-right: -300px;
  }

  .gc2{
    right: 540px;
  }
}


/* ===========================
   8) 1400px - 1431.9px
   =========================== */
@media (min-width: 1400px) and (max-width: 1431.98px){
  /* ajuste fino, sem “mexer” no design */
  .apresentacaoProduto{ gap: 260px; }
}

.whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 56px;
  height: 56px;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.whatsapp-float img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

@media (max-width: 576px) {
  .whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
  }
}