bo Mostra o Submenu no Hover */
.dropdown:hover .submenu {
    display: block;
}

.submenu li a:hover {
    background: #555;
}

/* Estilo do Carrinho para acomodar o frete */
#frete-checkout {
    margin-top: 15px;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 5px;
}
dy{
font-family:Arial;
margin:0;
background:#ffffff;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
background:rgba(173, 148, 4, 0.959);
color:rgba(255, 255, 255, 0.959);
flex-wrap: wrap; /* ADICIONE ESTA LINHA */
}

nav{
background:rgb(78, 72, 39);
padding:10px;
text-align:center;
}

nav a{
margin:0 10px;
color:rgb(255, 255, 255);
text-decoration:none;
font-weight:bold;
}

.banner{
text-align:center;
padding:50px;
background:linear-gradient(to right,rgb(77, 70, 35),rgb(126, 111, 46));
color:white;
}

.produtos{
padding:40px;
}

.grid-produtos{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}

.produto{
background:white;
padding:20px;
border-radius:8px;
box-shadow:0 5px 10px rgba(0,0,0,0.1);
text-align:center;
}

.produto img{
width:100%;
height:200px;
object-fit:cover;
border-radius:6px;
}

.produto button{
background:gold;
border:none;
padding:10px;
cursor:pointer;
margin-top:10px;
}

.cart-icon{
cursor:pointer;
font-size:20px;
}

.cart{
position:fixed;
right:-400px;
top:0;
width:350px;
height:100%;
background:rgb(255, 255, 255);
padding:20px;
box-shadow:-5px 0 10px rgba(0,0,0,0.2);
transition:0.3s;
overflow:auto;
}

.cart.active{
right:0;
}

.cart ul{
list-style:none;
padding:0;
}

.cart li{
display:flex;
justify-content:space-between;
margin-bottom:10px;
}

.contato{
background:rgb(153, 134, 26);
color:white;
text-align:center;
padding:40px;
}

footer{
text-align:center;
padding:15px;
background:#111;
color:#aaa;
}/* Estilo básico do Menu */
.menu-principal {
    list-style: none;
    display: flex;
    background: #333;
    padding: 10px;
    justify-content: center;
}

.menu-principal li {
    position: relative; /* Necessário para o submenu se alinhar */
}

.menu-principal a {
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

/* Esconde o Submenu */
.submenu {
    display: none;
    position: absolute;
    background: #444;
    min-width: 200px;
    list-style: none;
    padding: 0;
    z-index: 1000;
    /* Isso controla o tamanho da logo */
.logo-img {
    height: 50px; /* Altere esse número se quiser ela um pouco maior ou menor */
    width: auto;  /* Mantém a proporção para não amassar a imagem */
}

/* Isso coloca a logo e o texto um ao lado do outro */
.logo-container {
    display: flex;
    align-items: center;
    gap: 15px; /* Espaço entre a imagem e o nome */
}

/* Ajuste no Header para organizar tudo */
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5%;
    background-color: #1a1a1a; /* Preto moderno para destacar seus produtos */
    border-bottom: 2px solid #BF953F; /* Linha dourada fina e elegante */
}

/* Garante que o título não fique gigante ao lado da logo */
header h1 {
    font-size: 1.5rem;
    color: #ffffff;
    margin: 0;
}

/* Estilo para os links do menu não sumirem no fundo preto */
header nav ul li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
}

/*