@media (width <= 768px ) {
   /* Global styles */
   body {
      min-width: 424px !important;
   }
   
   body p {
      font-size: clamp(1.5rem, 2.4vw, 6vw); 
      line-height: 1.5;
   }

   body h1 {
      font-size: clamp(2rem, 4.5vw, 6vw); 
      width: 90%;
   }

   body h3 {
      font-size: clamp(1.8rem, 3vw, 6vw); 
   }

   /* Style section-1 */
   .section-1 {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      height: auto;
   }

   .section-1 div {
      text-align: left;
      max-width: 100%;
      width: 80%;
      margin-left: -20%;
   }

   .section-1 img {
      display: block;
      transform: none;
      position: relative;
      margin-top: 10%;
      margin-left: -10%;
      width: 100vw;
      height: auto;
   }

   .section-1 h1 {
      width: 90%;
   }
   .section-1 p {
      width: 110%;
   }
  
   /* section-2 */
   .section-2 h1 {
      width: 58%;
      align-self: start;
   }
   .section-2 img {
      margin-top: 5%;
   }

   /* section-3 */
   .section-3 {
      flex-direction: column-reverse;
   }

   .section-3 div {
      height: 200%;
      width: 95%;
   }

   .section-3 h1 {
      margin-top: -1%;
      width: 90%;
   }

   .section-3 p {
      width: 95%;
   }  

   .section-3 img {
      height: 60vw;
      margin-top: 20% !important;
   }

   /* section-4 */
   .section-4 {
      display: none;
   }
   
   #acessorio1, #acessorio2, #acessorio3, #acessorio4 {
      flex: 1 0 40%;
      max-width: 300px;  /* ajuste conforme necessário */
      min-width: 100px;  /* ajuste conforme necessário */
   }

   .product-detail-gallery {
      height: 40vw;
      width: auto;
      min-width: 200px;
   }

   .mobile-section_4 {
      display: block;
   }

   .card__image {
      display: block;
      width: 50%; /* ajuste conforme necessário */
      margin-left: auto;
      margin-right: auto;
   }

   .splide {
      margin-left: 5%;
   }

   .card__content {
      text-align: center;
   }

   .card__content h3 {
      text-align: center;
   }

   .splide__pagination {
      margin-bottom: -10%;
   }

   .splide__pagination__page {
      background: #FFA500;
      border: 1px solid black;
      height: 20px;
      width: 20px;
   }

   .splide__arrow  {
      background: #FFA500;
   }

   #title-section-5 {
      width: 80%;
      margin-left: 0;
      margin-right: 0;
      margin: auto;
      margin-top: 15%;

   }
   
   /* section-5 */
   .section-5 {
      width: 100%;
      transform: scale(0.8);
   }

}


@media (width <= 440px ) {
   /* section-3 */

   .section-3 img {
      margin-top: 20% !important;
      margin-left: -7% !important;
   }

   /* section-4 */
   .splide {
      margin-left: 0.5%;
   }
   
   /* section-5 */
   #title-section-5 {
      margin-left: 3.5%;
   }
   .section-5 {
      margin-left: -5%;
   }


}