/* ------- SEU CSS COMPLETO (idêntico ao que enviou) ------- */

*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{display:flex;justify-content:center;background:#e5e5e5;}
#wrapper{width:550px;max-width:100%;background:#f2f2f2;min-height:100vh;}

header{
    background:linear-gradient(to bottom,#000,#5d5d5d);
    padding:25px 0 35px;
    text-align:center;
    color:#fff;
    font-size:32px;
    font-weight:700;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

header a {
    text-decoration: none; /* Remove o sublinhado do link */
    color: inherit;        /* Mantém a cor original do texto, sem alteração ao passar o mouse */
}

header a:hover {
    text-decoration: none; /* Impede qualquer sublinhado no hover */
    color: inherit;        /* Mantém a cor original do texto no hover */
    cursor: pointer;       /* Mantém o cursor de link, mas sem efeitos adicionais */
}

.badges{width:92%;margin:15px auto;display:flex;gap:10px;}
.badge{padding:5px 10px;border-radius:5px;color:#fff;font-weight:600;font-size:11px;}

.title{width:92%;margin:0 auto 10px;font-size:20px;font-weight:600;}

.main-img{width:92%;margin:10px auto;background:#fff;border-radius:12px;overflow:hidden;border:2px solid #000;}
.main-img img {
    width:100%;
    display:block;
    transition: opacity .15s linear;
    opacity: 1;
}

.main-img img.trocando {
    opacity: 0;
}


.carousel-buttons{width:92%;margin:10px auto;display:flex;gap:8px;justify-content:center;}
.carousel-btn{width:12px;height:12px;border-radius:50%;background:#DDD;cursor:pointer;}
.carousel-btn.ativo{background:#FF4000;}

.cor-label{width:92%;margin:10px auto 5px;font-weight:600;}
.thumbs{width:92%;margin:15px auto;display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;}
.thumb{min-width:90px;max-width:90px;background:#fff;border-radius:10px;text-align:center;border:2px solid #ddd;font-size:12px;cursor:pointer;overflow:hidden;}
.thumb img{width:100%;height:80px;object-fit:cover;border-bottom:1px solid #ddd;border-radius:10px 10px 0 0;}
.thumb.selecionada{border:2px solid #FF4000;}

.price{width:92%;margin:10px auto 0;font-size:24px;font-weight:700;}
.free{width:92%;margin:0 auto;color:#0d8f27;font-size:14px;font-weight:600;}

.desc,.carac{width:92%;margin:20px auto;font-size:14px;}

table{width:100%;border-collapse:collapse;}
table tr:nth-child(odd){background:#DDD;}
table td{padding:10px;border-bottom:1px solid #ccc;}

footer{text-align:center;font-size:12px;color:#555;margin:30px 0 40px;}