*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
html{
    scroll-behavior: smooth;
    transition: 0.5s;
}
a{
    text-decoration: none;
    color: #555;
}
p{
     font-size: 20px;
    color: var(--text-color2);
    padding: 5px 0;
}
li{
    list-style-type: none;
}
:root{
    --bg: radial-gradient(#fff,#f3e3ad);
    --bg2: radial-gradient(#fff,rgb(252, 206, 189));
    --text-color1: #fff;
    --text-color2: #555;
    --text-color3: #999;
    --bg-btn: #ff523b;
    --pri: coral;
    --text-center: center;
    --shadow: 0 0 20px 0px rgba(0,0,0,0.1);
}
/* ==================================product page================================ */
/* ==================================product page================================ */
.heading{
    text-align: center;
    margin: 20px 0;
}
.product-container2{
width: 100%;
display: flex;
justify-content: center;
padding: 0 20%;


}
.product-container2 .product-row2{
display: flex;
width: 100%;
margin: 20px auto;
justify-content: center;
gap: 5px;
flex-wrap: wrap;
padding: 10px;
flex-grow: 1;
}
.product-container2 .product-col2{
display: flex;
width: 100%;
min-width: 300px;
flex-basis: 48%;
flex-grow: 1;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}
.product-container2 .product-img{
width: 100%;

display: flex;
gap: 5px;
padding: 5px;

}
.product-img img{
    object-fit: cover;
}
.product-container2 .product-detail{
display: flex;
flex-direction: column;
width: 100%;
padding: 10px;
overflow: hidden;
background: white;
}
.product-container2 .product-detail h2{
    margin: 20px 0;
}

.product-container2 .small-img-container{
flex-basis: 100%;
width: 100%;
display: flex;
overflow-x: scroll;
justify-content: space-between;
gap: 5px;
cursor: pointer;
scroll-snap-type: x mandatory;
}
.product-container2 .big-imgcontainer{
flex-basis: 100%;
width: 100%;
font: 1p;
}
.small-img{
width: 100%;
object-fit: cover;
flex-grow: 1;
cursor: pointer;
transition: 0.5s;
scroll-snap-align: start;
}
.product-container2 .big-img{
width: 100%;
object-fit: cover;
flex-grow: 1;
height: 100%;
transition: 0.5s;
}
.product-container2 label,.set, .btn{
display: block;
}
.product-container2 label{
margin-top: 20px;
padding: 5px;
}
.product-container2 .set{
margin-bottom: 20px;
margin-left: 5px;
}
.product-container2 .qty{
width: 50px;
padding: 5px;
border-radius: 5px;
border: solid #555 1px;
outline: none;
}
.product-container2 select{
padding: 5px;
border-radius: 5px;
outline: none;
}
.product-container2 .btn{
border: none;
}
a{
    display: inline-block;
}
.btn2{
  display: block;
  width: 100%;
  margin: 5px 20px;
}
.p-info .details {
    width: 90%;
    margin: 0 auto;
    white-space: pre-line;
}
@media (max-width: 600px){
    .product-container2{
       padding: 0;
    }
    .product-row{
        width: 100%;
    }
    .product-container{
        overflow-x: scroll;
    }
    .slider{
        overflow-x: scroll;
    }

}