.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

/**** Product Selection Button ****/

#product-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
justify-content: center;
gap: 12px;
margin-inline: auto;
list-style: none;
padding-block: 20px;
text-align: center;
}

#product-buttons button  {
background: #7d0f02;
border: 3px solid #dedede;
width: 200px;
color: #ffffff;
font-weight: 600;
padding: 15px 5px;
border-radius: 15px;
}

#product-buttons button:hover  {
background: #ffffff;
color: #000000;
}

.content-alside,
 .content-simonton { 
display: none;
margin-inline: auto;
padding: 25px 10px;
}

.show { 
display: block; 
}

#active-btn {
background-color: #ffffff!important;
color: #000000!important;
}



/****** Media Queries ****/

@media (max-width: 1100px) {
#product-buttons {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 720px) {
#product-buttons {
grid-template-columns: 1fr;
}

#product-buttons li {
max-width: 95%;
width: 100%;
}
}