*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:#eaeded;
color:#111;
display:flex;
flex-direction:column;
min-height:100vh;
}

/* HEADER AMAZON STYLE */

header{
background:#131921;
color:white;
padding:14px 8%;
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:22px;
font-weight:bold;
color:#ff9900;
}

nav{
display:flex;
gap:20px;
}

nav a{
color:white;
text-decoration:none;
font-weight:500;
}

nav a:hover{
color:#ff9900;
}

/* HERO */

.hero{
background:#232f3e;
color:white;
padding:60px 8%;
text-align:center;
}

.hero h1{
font-size:36px;
margin-bottom:10px;
}

.hero p{
font-size:18px;
margin-bottom:20px;
}

.btn{
background:#ff9900;
color:white;
padding:12px 25px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

/* CATEGORIAS */

.categorias-menu{
background:white;
padding:15px 8%;
display:flex;
flex-wrap:wrap;
gap:10px;
border-bottom:1px solid #ddd;
}

.categoria-btn{
padding:8px 14px;
background:#f2f2f2;
border-radius:20px;
cursor:pointer;
font-size:14px;
}
.produto {
  width: 200px;
  padding: 15px;
  background: white;
  border-radius: 10px;
  text-align: center;
}

.produto img {
  width: 100%;
}

.preco-antigo {
  text-decoration: line-through;
  color: gray;
}

.preco {
  color: red;
  font-weight: bold;
  font-size: 20px;
}
.categoria-btn:hover{
}
.produto-container{
display:flex;
gap:40px;
padding:40px 8%;
background:white;
}

.slider-produto{
width:400px;
}

#imagem-principal{
width:100%;
border-radius:8px;
}

.miniaturas{
display:flex;
gap:10px;
margin-top:10px;
}

.miniaturas img{
width:70px;
cursor:pointer;
border:2px solid transparent;
border-radius:5px;
}

.miniaturas img:hover{
border:2px solid #ff9900;
}

.info-produto{
max-width:400px;
}

.info-produto h3{
font-size:22px;
margin-bottom:10px;
}
.slider-produto{
width:400px;
display:flex;
flex-direction:column;
}

#imagem-principal{
width:100%;
height:400px;
object-fit:cover;
border-radius:8px;
}
.miniaturas{
display:flex;
gap:10px;
margin-top:12px;
flex-wrap:wrap;
}

.miniaturas img{
width:70px;
height:70px;
object-fit:cover;
cursor:pointer;
border-radius:5px;
border:2px solid transparent;
}

.miniaturas img:hover{
border:2px solid #ff9900;
}
footer{
margin-top:auto;
padding:20px;
text-align:center;
background:#131921;
color:white;
}
.preco-container{
display:flex;
align-items:center;
gap:15px;
margin-top:10px;
margin-bottom:15px;
}

.preco-antigo{
text-decoration: line-through;
color: gray;
font-size:16px;
}

.preco{
color: red;
font-weight: bold;
font-size:22px;
}
.info-produto{
flex-direction:column;
gap:10px;
}
.descricao-produto{
margin-top:25px;
line-height:1.6;
max-width:700px;
}

.descricao-produto h3{
margin-top:20px;
margin-bottom:10px;
font-size:20px;
}

.descricao-produto ul{
margin-left:18px;
}

.descricao-produto li{
margin-bottom:8px;
}