/* Container das variações */
.atributo,
.produto-variacoes,
.variacoes-produto {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

/* Cada opção */
.atributo label,
.produto-variacoes label,
.variacoes-produto label {
    display: block;
    padding: 14px 16px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.25s ease;
    position: relative;
}

/* Hover */
.atributo label:hover,
.produto-variacoes label:hover,
.variacoes-produto label:hover {
    border-color: #000;
    background: #fafafa;
    transform: translateY(-1px);
}

/* Esconde radio padrão */
.atributo input,
.produto-variacoes input,
.variacoes-produto input {
    display: none;
}

/* selecionado */
.atributo input:checked + span,
.produto-variacoes input:checked + span,
.variacoes-produto input:checked + span {
    display: block;
    padding: 12px;
    border-radius: 6px;
    background: #000;
    color: #fff;
    font-weight: 600;
}

/* efeito borda selecionada */
.atributo input:checked + span::before,
.produto-variacoes input:checked + span::before,
.variacoes-produto input:checked + span::before {
    content: "✓ ";
    font-weight: bold;
}