.products-section{
    width: 90%;
    margin: auto;
}

.section-title{
    text-align: center;
    margin-bottom: 50px;
    font-size: 32px;
}

.product-card{
     display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;

    background: white;
    padding: 25px;

    margin: 30px auto;      /* center the card */

    width: 70%;             /* reduce card width */
    
    border-radius: 10px;

    box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
}

.product-card.reverse{
    flex-direction: row-reverse;
}

.product-specs{
    flex: 1;
}

.product-specs h3{
    margin-bottom: 15px;
}

.product-specs ul{
    padding-left: 20px;
}

.product-specs li{
    margin-bottom: 8px;
}

.product-image{
    flex: 1;
    text-align: center;
    
}

.product-image img{
     width: 250px;      /* reduce image size */
    height: auto;
    max-width: 100%;
}

@media (max-width: 768px){

  .product-card{
      flex-direction: column;
      text-align: center;
      width: 90%;
  }

  .product-card.reverse{
      flex-direction: column;
  }

  .product-image{
      margin-top: 15px;
  }

}


.tabs-container{
width:90%;
max-width:900px;
margin:60px auto;
}

/* TAB BUTTON AREA */

.tab-buttons{
display:flex;
justify-content:center;
gap:20px;
}

/* TAB BUTTON */

.tab-btn{
width:250px;      /* Desktop width */
padding:15px;
font-size:18px;
border:none;
background:#333;
color:white;
cursor:pointer;
border-radius:12px 12px 0 0;
border:2px solid #444;
transition:0.3s;
}

.tab-btn:hover{
background:#ffcc00;
color:black;
}

.tab-btn.active{
background:#ffcc00;
color:black;
}

/* TAB CONTENT */

.tab-content{
display:none;
padding:30px;
background:#2b2b2b;
border:2px solid #444;
border-radius:0 0 12px 12px;

}

.tab-content.active{
display:block;
}

/* MOBILE RESPONSIVE */

@media (max-width:600px){

.tab-buttons{
justify-content:space-between;
}

.tab-btn{
width:48%;      /* Smaller width on mobile */
font-size:14px;
padding:12px;
}}

.tab-btn i{
margin-right:8px;
}

.tab-content h2 i{
margin-right:8px;
}

.tab-content p{
    color: white;
}