body{

background:#f4f4f4;

font-family:Poppins,sans-serif;

}

.product-box{

background:white;

padding:40px;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.1);

position:relative;

}

.close-btn{

position:absolute;

top:20px;

right:20px;

font-size:25px;

color:black;

text-decoration:none;

}

.gallery{

display:flex;

gap:20px;

}

.small-images{

display:flex;

flex-direction:column;

gap:15px;

}

.small-images img{

width:80px;

height:80px;

border-radius:10px;

cursor:pointer;

border:2px solid #ddd;

transition:.3s;

}

.small-images img:hover{

border-color:#198754;

transform:scale(1.05);

}

.big-image img{

width:100%;

border-radius:15px;

}

h1{

font-weight:700;

margin-bottom:20px;

}

h2{

color:#198754;

margin-bottom:20px;

}

p{

font-size:18px;

line-height:1.8;

margin-bottom:30px;

}

.quantity{

display:flex;

align-items:center;

gap:15px;

margin-bottom:30px;

}

.quantity button{

width:45px;

height:45px;

border:none;

background:#198754;

color:white;

font-size:22px;

border-radius:10px;

}

.quantity input{

width:80px;

text-align:center;

height:45px;

font-size:18px;

border:1px solid #ddd;

border-radius:10px;

}

.buy-btn{

display:inline-block;

padding:15px 50px;

background:#198754;

color:white;

text-decoration:none;

border-radius:12px;

font-size:20px;

transition:.3s;

}

.buy-btn:hover{

background:#146c43;

color:white;

transform:translateY(-3px);

}

@media(max-width:768px){

.gallery{

flex-direction:column;

}

.small-images{

flex-direction:row;

justify-content:center;

}

}