 body {
     margin: 0;
     padding: 0;
 }

 .product-html-container {
     max-width: 1400px;
     margin: 2px auto;
 }

 .product-html-container .product-section {
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
     text-align: center;
 }

 .product-html-container .product-section .subtext {
     color: #666;
     margin-bottom: 5px;
 }

 .product-html-container .product-section .main-title {
     font-weight: bold;
     margin-top: -10px;
     margin-bottom: 10px;
 }

 .product-html-container .product-section .product-name {
     font-weight: bold;
     margin: 20px 0;
 }

 .product-html-container .product-section .product-image {
     margin: 20px auto;
     max-width: 100%;
     height: auto;
 }

 .product-html-container .product-section .medium-title {
     font-weight: bold;
     margin: 20px 0 10px;
 }

 .product-html-container .product-section .description {
     color: #000000;
     line-height: 1.5;
     max-width: 800px;
     margin: 0 auto;
 }

 .product-html-container section.tabs {
     width: 90%;
     padding: 20px 0;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 70px;
 }

 .product-html-container .tab-header {
     display: flex;
     justify-content: center;
     margin-bottom: 0;
     flex-wrap: wrap;
     width: 100%;
     /* Permite que as abas quebrem em várias linhas */
 }

 .product-html-container .tab-header button {
     flex: 1;
     padding: 15px;
     background: #E7E7E7;
     color: #FFFFFF;
     border: none;
     outline: none;
     cursor: pointer;
     transition: background 0.3s ease, box-shadow 0.3s ease;
     display: flex;
     height: 100px;
     align-items: center;
     justify-content: center;
     border-radius: 25px 25px 0 0;
     gap: 8px;
 }

 .product-html-container .tab-header button span {
     width: 55%;
     text-align: left;
     text-transform: uppercase;
 }

 .product-html-container .tab-header button.active {
     background: #D2D2D2;
     font-weight: bold;
 }


 .product-html-container .tab-content {
     display: none;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     background: #D2D2D2;
     border-radius: 0 0 10px 10px;
     width: 100%;
 }

 .product-html-container .tab-content.active {
     display: flex;
 }

 .product-html-container .tab-content img {
     width: 50%;
     height: auto;
     border-radius: 10px;
 }

 .product-html-container .tab-content .text {
     flex: 1;
     margin-left: 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 50%;
     padding: 10px;
 }

 .product-html-container .tab-content .text h2 {
     margin: 0 0 10px;
     color: #000000;
 }

 .product-html-container .tab-content .text p {
     margin: 0;
     color: #000000;
     width: 65%;
 }

 .product-html-container .text-image-section {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px;
     max-width: 90%;
     margin: 0 auto;
 }

 .product-html-container .text-image-section .content {
     flex: 1;
     margin-right: 20px;
 }

 .product-html-container .text-image-section .content h2 {
     margin-bottom: 10px;
 }

 .product-html-container .text-image-section .content p {
     line-height: 1.6;
     margin-bottom: 10px;
 }

 .product-html-container .text-image-section .image {
     flex: 1.2;
     max-width: 50%;
 }

 .product-html-container .text-image-section .image img {
     width: 100%;
     height: auto;
     border-radius: 10px;
 }

 .product-html-container .cleaning-section {
     max-width: 90%;
     margin: 0 auto;
     text-align: center;
 }

 .product-html-container.cleaning-section h2 {
     font-weight: bold;
     margin-bottom: 20px;
 }

 .product-html-container .cleaning-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     margin-bottom: 20px;
 }

 .product-html-container .cleaning-grid .item {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 .product-html-container .cleaning-grid .item img {
     width: 100%;
     height: auto;
     border-radius: 10px;
     margin-bottom: 10px;
 }

 .product-html-container .cleaning-grid .item h3 {

     font-weight: bold;
     margin: 0;
 }

 .product-html-container .cleaning-description {
     color: #666;
     line-height: 1.6;
     max-width: 70%;
     margin: 0 auto;
 }


 .product-html-container .splide {
     margin: 50px auto;
     width: 90%;
 }


 .product-html-container .splide__slide img {
     width: 100%;
     margin: 0 auto;
 }

 .product-html-container .splide__arrow--prev {
     left: 25%;
     top: 35%;
     transform: translate(-50%, -50%);
 }

 .product-html-container .splide__arrow--next {
     right: 21%;
     top: 35%;
     transform: translate(-50%, -50%);
 }

 .product-html-container .splide__arrow {
     background-color: #E0E0E0;
     opacity: 0.5;
     width: 50px;
     height: 50px;
 }

 .product-html-container .splide__arrow svg {
     fill: #FFFFFF;
     width: 2rem;
     height: 2rem;
 }

 .product-html-container .splide__arrow:hover {
     opacity: 1;
 }

 .product-html-container .splide__slide:not(.is-active) .card-body {
     display: none;
     /* Esconde o texto das imagens laterais */
 }

 .product-html-container .splide__progress {
     height: 5px;
     background: #e0e0e0;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 10px;
     position: relative;
 }

 .product-html-container .splide__progress__bar {
     height: 100%;
     background: #00bfa5;
     width: 0;
     transition: width 0.3s ease;
 }

 .product-html-container .splide__progress--segmented {
     display: flex;
     position: relative;
 }

 .product-html-container .splide__progress--segmented .progress-segment {
     flex: 1;
     height: 100%;
     background: #e0e0e0;
     margin-right: 2px;
     border-radius: 5px;
     overflow: hidden;
 }

 .product-html-container .splide__progress--segmented .progress-segment:last-child {
     margin-right: 0;
 }

 .product-html-container .splide__progress--segmented .progress-segment.active {
     background: #00bfa5;
 }

 .product-html-container .splide__slide .card {
     text-align: center;
 }

 .product-html-container .splide__slide .card-body {
     text-align: center;
     width: 80%;
     margin: 0 auto;
 }

 .product-html-container .splide__slide .card-body h4 {
     margin-bottom: 2px;
 }

 .product-html-container .section-hostpost {
     position: relative;
     max-width: 1200px;
     margin: 0 auto;
     margin-top: 250px;
     padding: 20px;
     overflow: visible;
 }

 .product-html-container .section-hostpost .text-container {
     position: relative;
     display: flex;
     align-items: flex-start;
     margin-bottom: 20px;
 }

 .product-html-container .section-hostpost .text-container img {
     height: auto;
     z-index: 10;
     position: absolute;
     top: 50%;
     left: 20%;
     transform: translate(-50%, -50%);
 }

 .product-html-container .section-hostpost .text-container .text-content {
     margin-left: 50%;
     max-width: 500px;
     margin-bottom: 10%;
 }

 .product-html-container .section-hostpost .text-container .text-content h2 {
     margin: 10px 0;
     font-weight: bold;
 }

 .product-html-container .section-hostpost .text-container .text-content p {
     color: #555;
     line-height: 1.5;
 }

 .product-html-container .section-hostpost .image-container {
     position: relative;
     width: 100%;
     margin: 0 auto;
 }

 .product-html-container .section-hostpost .image-container img {
     width: 100%;
     height: auto;
     border-radius: 10px;
 }

 .product-html-container .section-hostpost .hotspot {
     position: absolute;
     width: 20px;
     height: 20px;
     background-color: white;
     box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
     border-radius: 50%;
     cursor: pointer;
     transition: transform 0.2s ease;
 }

 .product-html-container .section-hostpost .hotspot:hover {
     transform: scale(1.2);
 }

 .product-html-container .section-hostpost .tooltip {
     position: absolute;
     background-color: white;
     border-radius: 5px;
     padding: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     display: none;
     width: 320px;
     font-size: 14px;
     z-index: 10;
 }

 .product-html-container .section-hostpost .tooltip::before {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     border-width: 5px;
     border-style: solid;
     border-color: white transparent transparent transparent;
 }

 .product-html-container .section-hostpost .hotspot:hover+.tooltip {
     display: block;
 }


 .product-html-container .section-hostpost-mobile {
     position: relative;
     width: 100%;
     margin: -83px auto;
     overflow: visible;
     margin-bottom: 50px;
 }

 .product-html-container .section-hostpost-mobile .text-container {
     position: relative;
     text-align: left;
     color: #000000;
     width: 90%;
     margin: 0 auto;
 }

 .product-html-container .section-hostpost-mobile img.text-image-section {
     position: absolute;
     top: 33%;
     left: 50%;
     transform: translate(-55%, -50%);
     z-index: 10;
 }

 .product-html-container .section-hostpost-mobile .text-content {
     margin-top: 100px;
 }

 .product-html-container .section-hostpost-mobile .text-content h2 {
     margin: 10px 0;
     font-weight: bold;
 }

 .product-html-container .section-hostpost-mobile .text-content p {
     color: #555;
     line-height: 1.5;
 }

 .product-html-container .section-hostpost-mobile .image-container {
     position: relative;
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
 }

 .product-html-container .section-hostpost-mobile .image-container img {
     width: 100%;
     height: auto;
     border-radius: 10px;
 }

 .product-html-container .section-hostpost-mobile .carousel {
     position: relative;
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     width: 90%;
 }

 .product-html-container .section-hostpost-mobile .carousel-text {
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     margin-top: 20px;
 }

 .product-html-container .section-hostpost-mobile .carousel-text p {
     padding: 15px;
     border: 1px solid #F2F2F2;
     border-radius: 5px;
     background: #F2F2F2;
     flex: 1;
     margin-top: -50px;
 }

 .product-html-container .section-hostpost-mobile .carousel-controls {
     position: absolute;
     top: 0%;
     transform: translateY(-50%);
     width: 100%;
     display: flex;
     justify-content: space-between;
     margin-top: -20px;
     z-index: 100;
 }

 .product-html-container .section-hostpost-mobile .carousel-controls button {
     background: none;
     border: none;
     font-size: 28px;
     cursor: pointer;
     z-index: 100;
     background-color: #E0E0E0;
     color: #ffffff;
     height: 35px;
     width: 35px;
     border-radius: 50%;
     opacity: 0.5;
 }

 .product-html-container .section-hostpost-mobile .carousel-controls .prev {
     position: absolute;
     left: -16px;

 }

 .product-html-container .section-hostpost-mobile .carousel-controls .next {
     position: absolute;
     right: -16px;
 }

 .product-html-container .section-hostpost-mobile .hotspot {
     position: absolute;
     width: 20px;
     height: 20px;
     background-color: white;
     box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
     border-radius: 50%;
     cursor: pointer;
     transition: transform 0.2s ease;
     display: none;
 }

 .product-html-container .section-hostpost-mobile .hotspot:hover {
     transform: scale(1.2);
 }

 .product-html-container .section-hostpost-mobile .tooltip {
     position: absolute;
     background-color: white;
     border-radius: 5px;
     padding: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     display: none;
     width: 200px;
     font-size: 14px;
     z-index: 10;
 }

 .product-html-container .section-hostpost-mobile .tooltip::before {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     border-width: 5px;
     border-style: solid;
     border-color: white transparent transparent transparent;
 }

 .product-html-container .section-hostpost-mobile .hotspot.active {
     display: block;
 }

 /***** Container Styles *****/
 .product-html-container .slider-container {
     display: grid;
     grid-template-columns: 1fr;
     margin: 20px auto;
     width: 90%;
     max-width: 74rem;

 }

 .product-html-container .slider-text {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin: 10px;
 }

 /***** Text Content *****/
 .product-html-container .text-content {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .product-html-container .title {
     font-weight: 900;
     color: #000;
 }

 .product-html-container .description {
     color: #000;
 }

 /***** Controller Desktop *****/
 .product-html-container .controller-desktop {
     display: none;
     background-color: #636569;
     border-radius: 50px 0 0 50px;
     color: white;
     padding: 0 20px;
     margin-right: -30%;
     margin-top: -5%;
 }

 .product-html-container .controller-content {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-around;
     gap: 250px;
 }

 .product-html-container .controls {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-right: 70px;
 }

 .product-html-container .previous,
 .product-html-container .next {
     width: 40px;
     height: 40px;
     background-size: cover;
     background-position: center;
     cursor: pointer;
 }

 .product-html-container .previous {
     background-image: url('https://lojawap.vteximg.com.br/arquivos/AIRFRYOVEN_left_sign.png');
 }

 .product-html-container .next {
     background-image: url('https://lojawap.vteximg.com.br/arquivos/AIRFRYOVEN_right_sign.png');
 }

 /***** Slider Images *****/
 .product-html-container .slider-images {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .product-html-container .image-wrapper {
     position: relative;
 }

 .product-html-container .background-image {
     width: auto;
     height: 375px;
 }

 .product-html-container .card-image {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: opacity 0.5s;
     border-radius: 20px;
     width: 95%;
     height: auto;
     opacity: 0;
 }

 /***** Controller Mobile *****/
 .product-html-container .controller-mobile {
     display: flex;
     justify-content: space-around;
     align-items: center;
     background-color: #636569;
     color: white;
     border-radius: 50px;
     padding: 0px 5px;
     width: 90%;
     margin-left: auto;
     margin-right: auto;
 }

 .product-html-container .mobile-controls {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .product-html-container .mobile-controls .previous,
 .product-html-container .mobile-controls .next {
     width: 30px;
     height: 30px;
     background-size: cover;
     background-position: center;
     cursor: pointer;
 }

 .product-html-container .slider-container-pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     max-width: 1200px;
     margin: 50px auto;
     padding: 20px;
     gap: 20px;
     position: relative;
 }

 .product-html-container .slider-container-pagination .image-content-pg {
     flex: 1;
     max-width: 500px;
 }

 .product-html-container .slider-container-pagination .image-content-pg img {
     width: 100%;
     border-radius: 10px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }

 .product-html-container .slider-container-pagination .text-content-pg {
     flex: 1;
     max-width: 500px;
 }

 .product-html-container .slider-container-pagination .text-content-pg h2 {
     margin-bottom: 10px;
     font-weight: bold;
 }

 .product-html-container .slider-container-pagination .text-content-pg p {
     color: #555;
     line-height: 1.6;
     margin-bottom: 20px;
 }

 .product-html-container .slider-container-pagination .pagination-pg {
     display: flex;
     gap: 10px;
     justify-content: center;
     margin-top: 20px;
     background-color: #D9D9D9;
     width: 150px;
     padding: 10px;
     border-radius: 20px;
     margin: 20px auto 10px auto;
 }


 .product-html-container .slider-container-pagination .pagination-pg span {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: #ccc;
     cursor: pointer;
     transition: background 0.3s;
     display: block;
 }

 .product-html-container .slider-container-pagination .pagination-pg span.active {
     background: #62CBC9;
 }


 /* Seção Principal */
 .power-section {
     position: relative;
     width: 90%;
     margin: 4rem auto;
 }

 /* Wrapper da Imagem de Fundo */
 .power-section .power-image-wrapper {
     width: 100%;
 }

 .power-section .power-image-wrapper img {
     width: 100%;
 }

 .power-section .power-background {
     width: 100%;
     border-radius: 20px;
 }

 /* Seção de Conteúdo */
 .power-section .saving-section {
     position: absolute;
     top: 23%;
     left: 44%;
     transform: translate(-50%, -50%);
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 81%;
     max-width: 1200px;
     border-radius: 20px;
 }

 /* Texto */
 .power-section .saving-section .text-content {
     width: 50%;
 }

 .power-section .saving-section h2.title {
     color: #000;
     margin: 0;
 }

 .power-section .saving-section p.description {
     color: #000;
     line-height: 1.6;
     margin-top: -1px;

 }

 /* Imagem do Pet */
 .power-section .pet-content {
     flex-shrink: 0;
 }

 .content-component {
     margin-top: 5rem;
     width: 90%;
     margin-left: auto;
     margin-right: auto;
 }

 /* Título e Linha */
 .content-component .header-section {
     display: flex;
     align-items: center;
     margin-bottom: 2rem;
 }

 .content-component .text-container {
     margin-bottom: 1rem;
 }

 .content-component .text-container h2.product-html-description,
 .content-component .text-container h2.product-html-title {
     text-transform: uppercase;
     margin: 0;
     font-size: 1.8rem;
 }

 .content-component .straight {
     flex-grow: 1;
     height: 1px;
     background-color: #000;
     margin-left: 10px;
     margin-top: 2rem;
 }

 /* Imagens */
 .content-component .image-container {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }

 .content-component .image-container img {
     width: 100%;
 }


 .container-img-tabs {
     display: flex;
     max-width: 90%;
     margin: 100px auto;
     padding: 0;
 }

 .container-img-tabs .image-section {
     flex: 2;
 }

 .container-img-tabs .image-section img {
     width: 100%;
     height: auto;
     border-radius: 0;
     box-shadow: none;
 }

 .container-img-tabs .tabs-section {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     /* Espaça as tabs uniformemente */
     align-items: stretch;
     /* Faz com que as tabs tenham a mesma altura que a imagem */
     background-color: transparent;
 }

 .container-img-tabs .tab-right {
     flex: 1;
     /* Faz com que todas as tabs tenham a mesma altura */
     display: flex;
     align-items: center;
     padding: 0 20px;
     background-color: #6BB7B8;
     cursor: pointer;
     border-radius: 0 40px 40px 0;
     transition: background-color 0.3s, color 0.3s;
     color: #FFFFFF;
     text-align: center;
 }

 .container-img-tabs .tab-right span.product-html-title {
     font-size: 1.5rem;
 }

 .container-img-tabs .tab-right.active {
     background-color: #62CBC9;
     color: #fff;
     font-weight: bold;
 }

 .container-img-tabs .tabs-section .tab-right:not(:last-child) {
     margin-bottom: 10px;
 }

 .container-img-tabs .container {
     align-items: stretch;
 }

 .container-tab-down {
     display: flex;
     flex-direction: column;
     max-width: 100%;
     margin: 90px auto 40px auto;
     padding: 0;
     align-items: center;
     width: 98%;
 }

 .container-tab-down .image-section {
     width: 100%;
 }

 .container-tab-down .image-section img {
     width: 100%;
     height: auto;
     border-radius: 0;
     box-shadow: none;
 }

 .container-tab-down .tabs-section {
     display: flex;
     justify-content: space-between;
     margin-top: -8px;
     width: 100%;
 }

 .container-tab-down .tab-down {
     flex: 1;
     /* Garante que todas as tabs tenham a mesma largura */
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
     padding: 10px 0;
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s;
     background-color: #6BB7B8;
     /* Cor padrão para abas */
     border-radius: 0 0 10px 10px;
 }

 .container-tab-down .tab-down img {
     width: 30px;
     height: auto;
 }

 .container-tab-down .tab-down span {
     display: none;
     font-size: 1rem;
     color: #000;
 }

 .container-tab-down .tab-down.active {
     background-color: #62CBC9;
     /* Cor ativa para abas */
     color: #fff;
     flex-wrap: nowrap;
 }

 .container-tab-down .tab-down.active span {
     display: inline;
     color: #fff;
     font-family: UniSansBold;
 }

 .container-tab-down .tab-down.active img {
     filter: none;
 }

 .container-tab-down .tabs-section {
     height: auto;
     /* Acompanha a altura conforme o layout cresce ou diminui */
     align-items: stretch;
     /* Faz as abas crescerem proporcionalmente */
 }

 .container-tab-down .tabs-section .tab-down {
     flex: 1 0 auto;
     /* Ajusta as abas proporcionalmente */
     height: 50px;
     /* Altura mínima ajustável */
 }


 /* Responsividade */
 @media (max-width: 768px) {
     .power-section .saving-section {
         flex-direction: column;
         text-align: center;
         padding: 1rem;
         top: 70%;
     }

     .power-section .saving-section .text-content {
         padding-right: 0;
     }

     .power-section .saving-section .pet-content {
         margin-top: 1rem;
         padding-left: 0;
     }

     .content-component .straight {
         margin-top: 1.5rem;
     }
 }

 /***** Responsive Design *****/
 @media (min-width: 1024px) {
     .product-html-container .slider-container {
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }

     .product-html-container .slider-container .controller-desktop {
         display: flex;
     }

     .product-html-container .slider-container .controller-mobile {
         display: none;
     }

     .product-html-container .slider-container .logo {
         width: 60px;
     }

     .product-html-container .slider-container .title {
         font-size: 32px;
     }

     .product-html-container .slider-container .description {
         font-size: 18px;
     }




 }

 @media (max-width: 478px) {

     .power-section .saving-section h2.title {
         font-size: 1.2rem;
     }

     .power-section .saving-section p.description {
         font-size: 0.8rem;
     }

 }

 @media (max-width: 1024px) {


     .product-html-container .product-section .description {
         width: 90%;
     }

     .product-html-container .tab-header button {
         flex-direction: column;
         width: 100%;
     }

     .product-html-container .tab-header button span {
         width: 100%;
         text-align: center;
     }

     .product-html-container .tab-header button img {
         width: 24px;
         text-align: center;
     }

     .product-html-container .tab-header .product-html-description {
         font-size: 1.2rem;
     }

     .product-html-container section.tabs {
         width: 100%;
     }

     .product-html-container .tab-content .text {
         width: 98%;
         padding: 10px 0 10px 0;
         text-align: center;
         color: #000000;
     }

     .product-html-container .tab-content .text p {
         width: 90%;
     }

     .product-html-container .tab-content {
         flex-direction: column-reverse;
         padding: 0px;
         width: 100%;
     }

     .product-html-container .text-image-section {
         flex-direction: column-reverse;
         text-align: center;
     }

     .product-html-container .text-image-section.no-image-just-text {
         flex-direction: column;
     }

     .product-html-container .text-image-section .content {
         margin: 20px 0;
         text-align: left;
     }

     .product-html-container .text-image-section .image {
         max-width: 100%;
         margin-bottom: 20px;
     }

     .product-html-container .cleaning-description {
         max-width: 90%;
         text-align: left;
     }

     .product-html-container section.tabs {
         margin-top: 25px;
     }

     .product-html-container .splide__arrow--prev {
         left: 19%;
         transform: translate(-50%, -50%);
     }

     .product-html-container .splide__arrow--next {
         right: 15%;
         transform: translate(-50%, -50%);
     }

     .product-html-container .splide__arrow {
         background-color: #E0E0E0;
         opacity: 0.9;
         width: 30px;
         height: 30px;
         top: -50%;
         transform: translate(-50%, -50%);
     }

     .product-html-container .splide__arrow svg {
         fill: #FFFFFF;
         width: 1.5rem;
         height: 1.5rem;
     }

     .product-html-container .splide__slide.is-active .card-body {
         width: 179%;
         margin: -5px 0 0 -67px;
         padding: 10px 0 0 0;
         text-align: center;
     }

     .only-image.product-html-show-mobile {
         width: 100%;
         padding: 0;
     }

     .only-image.product-html-show-mobile img {
         width: 100%;
         padding: 0;
         margin: 0;
     }

     .slider-container-pagination {
         flex-direction: column;
     }

     .slider-container-pagination .image-content-pg {
         flex: 1;
         max-width: 100%;
     }

     .power-section {
         width: 100%;
     }

     .power-section .saving-section {
         top: 15%;
         left: 52%;
         width: 100%;

     }

     .power-section .saving-section .text-content {
         width: 90%;
         text-align: left;
     }

     .container-img-tabs.product-html-show-desktop {
         display: none;
     }

     .product-html-container .no-image-just-textn {
         text-align: left;
     }

     .product-html-container .no-image-just-text .image {
         margin-bottom: 0;
     }

     .product-html-container .no-image-just-text .content {
         margin: 0;
         text-align: left;
     }

     .product-html-container .no-image-just-text .image {

         text-align: left;
     }

     #splide .splide__slide:not(.is-active) .card-body {
         display: none;
         /* Esconde o texto das imagens laterais */
     }

     #splide .splide__slide.is-active .card-body {
         display: block;
         /* Mostra o texto apenas do slide ativo */
     }

     #splide .splide__slide:not(.is-active) img {
         width: 70%;
         margin-top: 1.5rem
     }

     /* Centralizar o slide ativo */
     #splide .splide__slide:not(.is-active) {
         opacity: 1;
         /* Deixa os slides laterais sem destaque */
         transition: opacity 0.3s ease;
         width: 50%;
     }

     #splide .splide__slide.is-active {
         opacity: 1;
         /* Realça o slide ativo 
                      margin-left: 1rem;*/
     }

     #splide .splide__slide img {
         width: 100%;
         /* Limita o tamanho da imagem */
         margin: 0 auto;
     }

     #splide .splide__slide .card {
         padding: 0px;
         width: 112%;
     }

     #splide .splide__slide.is-active .card-body {
         width: 150%;
         margin: 0 0 0 -100px;
         padding: 10px 0 0 0;
     }

     .product-html-container .splide__arrow {
         top: 35%;
     }

     .product-html-container .splide__arrow--prev {
         left: 25%;
     }

     .product-html-container .splide__arrow--next {
         right: 15%;
     }

     #splide .splide__slide.is-active .card-body p {
         line-height: 1.4;
     }

     .product-html-container section.tabs {
         margin-top: -85px;

     }

     .product-html-container .tab-content {
         padding-top: 10px;
     }

     .product-html-container .only-image.product-html-show-mobile {

         margin-top: 50px;
     }


     .product-html-container .background-image {
         width: 100%;
         height: auto;
     }

 }

 @media (max-width: 767px) {
     .product-html-container .tab-header .product-html-description {
         font-size: 0.7rem;
     }

     .product-html-container .splide__arrow {
         top: 20%;
     }

     .product-html-container .splide__arrow--prev {
         left: 23%;
     }

     .product-html-container .splide__arrow--next {
         right: 11%;
     }

     #splide .splide__slide.is-active .card-body {
         width: 159%;
         margin: 0 0 0 -67px;
         padding: 10px 0 0 0;
     }
 }


 @media (min-width: 1025px) {

     .product-html-container .product-section .description {
         width: 50%;
     }

     .product-html-container section.tabs {
         position: relative;
         z-index: 1;
         margin-top: -150px;
     }

     .product-html-container .only-image.product-html-show-desktop {
         position: relative;
         margin-left: auto;
         margin-right: auto;
         width: 90%;
         margin-top: 50px;
     }

     .product-html-container .only-image img {
         width: 100%;
     }

     .product-html-container .text-image-section.no-image-just-text .image .product-html-title {

         margin-left: 8rem;
         margin-right: auto;
         width: 63%;
         font-size: 2.4em;

     }

     .container-tab-down.product-html-show-mobile {
         display: none;
     }

 }