html {
     scroll-behavior: smooth;
 }

 body {
     font-family: 'Georgia', serif;
     background-color: #fff9f5;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
     /* evita scroll horizontal */
 }

 header {
     background-color: #f6c6b5;
     color: white;
     text-align: center;
     padding: 30px;
 }

 header img {
     width: 150px;
     margin-bottom: 10px;
 }

 nav {
     display: flex;
     justify-content: center;
     gap: 20px;
     background-color: #fff3ed;
     padding: 10px 0;
 }

 nav a {
     text-decoration: none;
     color: #cc5b4f;
     font-weight: bold;
 }

 section {
     padding: 30px;
 }

 h2 {
     color: #cc5b4f;
 }

 .produtos {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }

 .produto {
     width: 200px;
     background-color: #fff;
     border: 1px solid #eee;
     border-radius: 10px;
     padding: 15px;
     text-align: center;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 .produto img {
     width: 100%;
     border-radius: 8px;
     cursor: pointer;
 }

 .produto h3 {
     cursor: pointer;
 }

 .descricao-pequena {
     font-size: 12px;
     color: #555;
     margin-top: 8px;
     display: none;
     text-align: justify;
 }

 .botao-preco {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     margin-top: 10px;
     background-color: #cc5b4f;
     color: white;
     padding: 8px 12px;
     border-radius: 20px;
     font-weight: bold;
     text-decoration: none;
     transition: background-color 0.3s ease;
     font-size: 14px;
     cursor: pointer;
     border: none;
 }

 .botao-preco:hover {
     background-color: #b84a40;
 }

 #carrinho {
     position: fixed;
     top: 0;
     right: 0;
     width: 320px;
     height: 100%;
     background: #fff3ed;
     border-left: 2px solid #f6c6b5;
     padding: 20px;
     box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
     overflow-y: auto;
     z-index: 1000;

     transform: translateX(100%);
     transition: transform 0.3s ease;
 }

 #carrinho.ativo {
     transform: translateX(0);
 }

 #carrinho h3 {
     color: #cc5b4f;
     margin-top: 0;
 }

 #lista-carrinho {
     list-style: none;
     padding: 0;
     margin: 10px 0;
     max-height: 65vh;
     overflow-y: auto;
 }

 #lista-carrinho li {
     font-size: 14px;
     margin-bottom: 8px;
     color: #333;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 #lista-carrinho li button {
     background: transparent;
     border: none;
     color: #cc5b4f;
     cursor: pointer;
     font-weight: bold;
     font-size: 16px;
 }

 #total {
     font-weight: bold;
     margin-top: 10px;
 }

 #finalizar {
     margin-top: 15px;
     display: inline-block;
     background-color: #cc5b4f;
     color: white;
     padding: 10px 16px;
     border-radius: 20px;
     text-decoration: none;
     font-weight: bold;
 }

 /* Botão que abre o carrinho */
 #btn-abrir-carrinho {
     position: fixed;
     top: 50%;
     right: 0;
     background-color: #cc5b4f;
     color: white;
     padding: 12px 16px;
     border-radius: 10px 0 0 10px;
     cursor: pointer;
     font-weight: bold;
     transform: translateY(-50%);
     z-index: 1100;
     user-select: none;
     transition: background-color 0.3s ease;
 }

 #btn-abrir-carrinho:hover {
     background-color: #b84a40;
 }