body{
font-family:Arial;
margin:0;
background:#fff;
color:#111;
}

.container{
max-width:1100px;
margin:auto;
padding:20px;
}

.hero{
display:flex;
gap:40px;
align-items:center;
}

.left img{
width:100%;
border-radius:10px;
}

.thumbs img{
width:60px;
margin:5px;
cursor:pointer;
}

.right{
flex:1;
}

.rating{
color:#666;
}

h1{
font-size:40px;
margin:10px 0;
}

.stock{
color:red;
margin:10px 0;
}

.price{
margin:20px 0;
}

.old{
text-decoration:line-through;
color:#999;
margin-right:10px;
}

.new{
font-size:30px;
font-weight:bold;
}

.btn{
background:black;
color:white;
padding:15px;
width:100%;
border:none;
cursor:pointer;
font-size:18px;
}

.story{
display:flex;
margin-top:50px;
gap:30px;
align-items:center;
}

.story img{
width:50%;
border-radius:10px;
}